javascript document.getElementById가 작동하지 않습니다.

Question

왜이 쉬운 자바 스크립트가 작동하지 않는지 아십니까? 그것은 작동합니다 Firefox, Chrome은 IE Safari 및 Opera에서 작동하지 않습니다. 도와 주시겠습니까? IE, Safari 및 Opera에서 document.getElementById에 문제가있는 것 같습니다. 왜?

<form name="formular" action="test.php"> 
     <select id="testMenu" name="testMenu" onChange="testOptions()"> 
     <option id="X2" value="2">2</option> 
     <option id="X3" value="3" selected>3</option> 
     <option id="X4" value="4">4</option>       
     </select>  

     <select id="nextMenu" name="nextMenu"> 
     <option id="B1" value="1">B1</option> 
     <option id="B2" value="2">B2</option> 
     </select> 
    </form> 
    <script type="text/javascript"> 
     var choose_option =3; 

     function testOptions() { 
     var choose_option = document.getElementById("testMenu").selectedIndex+2; 

     if (choose_option == 4){ 
      document.getElementById("B2").style.display="none"; 
     }else{ 
      document.getElementById("B2").style.display="block"; 
     } 
    } 
    </script> 

Answer 1

왜 getElementById이 왜 효과적이지 않다고 생각하십니까? 문제는 display: none을 <option> 요소에 적용 할 수 없다는 것입니다. 당신은 정말,이 작업이 될 것이다 사라질하려면 제거하여

document.getElementById("B2").disabled = choose_option === 4; 

: 가장 쉬운 수정은 아마 그것을 위해 disabled을 설정하는 것입니다 어떻게됩니까

var nextMenu = document.getElementById("nextMenu"); 
var b2 = document.getElementById("B2"); 

function testOptions() { 
    var choose_option = document.getElementById("testMenu").selectedIndex + 2; 

    if (choose_option === 4) { 
     if (b2.parentNode) { 
      b2.parentNode.removeChild(b2); 
     } 
    } else if (!b2.parentNode) { 
     nextMenu.appendChild(b2); 
    } 
}