innerHTML : <select onchange = "">로 HTML 요소 변경하기

자바 스크립트 초보자는 여기에 있습니다.innerHTML : <select onchange = "">로 HTML 요소 변경하기

사용자가 선호하는 통화를 선택할 수 있도록하여 자선 웹 사이트에 일부 기능을 추가하려고합니다. select 속성으로 설정된 드롭 다운 목록을 사용하고 있습니다. on change 태그를 사용하여 getElementByID().innerHTML JavaScript 함수를 호출하여 div에있는 통화 기호의 표시를 변경하려고합니다.

슬프게도, 작동하지 않아서 왜 그렇게 명확하지 않습니다. :(

,의 코드를 살펴 우리를 볼까요?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <script type="text/javascript"> 
     function symbolChange() { 
      switch (document.getElementById('currencyCode')) { 
       case 'USD': 
        document.getElementById("currencySymbol").innerHTML= "$"; 
        break; 
       case 'EUR': 
        document.getElementById("currencySymbol").innerHTML= "€"; 
        break; 
       default : 
        document.getElementById("currencySymbol").innerHTML= "$"; 
        break; 
       } 
     } 
    </script> 

</head> 

<body> 


    <div id='currencySymbol'> 
     $ 
    </div> 

    <div id='currencyCode'> 
     <select onchange='symbolChange();'> 
       <option name='USD'>USD</option> 
       <option name='EUR'>EUR</option> 
     </select> 
    </div> 
</body>

당신의 도움이됩니까? 감사를 만들기 위해 무엇을 할 수 있는지에 대한 어떤 생각을!

출처

2014-06-24 G Lig

는 수행

<select onchange='symbolChange(this);'> 
       <option name='USD'>USD</option> 
       <option name='EUR'>EUR</option> 
     </select>

및 JS

function symbolChange(obj) { 
var val = obj.value; 
switch (val) { 
...

을 데모 :: jsFiddle

출처

2014-06-24 12:00:22

HTML에서

switch (document.getElementById('currencyCode')) {

사용이 : 그것은 당신의 코드에서 올바른 아니다

<select id="curVal" onchange='symbolChange();'> 
    <option name='USD'>USD</option> 
    <option name='EUR'>EUR</option> 
</select>

에 의해 스위치 조건을 변경

switch (document.getElementById('curVal').value) {

출처

2014-06-24 12:00:13

innerHTML : <select onchange = "">로 HTML 요소 변경하기

답변

관련 문제