IE8의 드롭 다운 목록에서 선택한 옵션 표시/숨기기

Question

Dropdownlist에서 표시/숨기기 메커니즘을 수행하려고합니다. 이 시나리오는 두 번째 드롭 다운 목록에서 더 이상 사용할 수없는 값을 드롭 다운 목록에서 선택하면 발생합니다.

코드는 Firefox에서는 작동하지만 IE8에서는 작동하지 않습니다. 나는이 IE8에서 일하는 것을 확인했다

$("#dropdownone").bind('change', function() { 
var firstDropDown = this.selectedIndex; 

if (this.value != "") {    
    $("#dropdowntwo option").each(function() { 
     if(this.index == firstDropDown) { 
      $("#dropdowntwo option[value='" + firstDropDown + "']").attr("style", "visibility: hidden;"); 
     } else { 
      $("#dropdowntwo option[value !='" + firstDropDown + "']").attr("style", "visibility: show;"); 
     } 
    }); 
} 
}); 

: 여기 당신이 시도 할 수 코드

<select id="dropdownone" class="" name="dropdownone"> 
<option selected="selected" value="">Default</option> 
<option value="1">question 1?</option> 
<option value="2">question 2</option> 
<option value="3">question 3</option> 
</select> 

<select id="dropdowntwo" class="" name="dropdowntwo"> 
<option selected="selected" value="">Default</option> 
<option value="1">question 1?</option> 
<option value="2">question 2</option> 
<option value="3">question 3</option> 
</select> 

$("#dropdownone").bind('change', function() { 
      var index = this.selectedIndex; 
      if (this.value != "") { 
       $("#dropdowntwo option").each(function() { 
        var disabled = (this.index == index); 
        //$(this).attr("hidden", disabled); 
        if (disabled) { 
         $(this).css('visibility', 'hidden'); 
        } else { 
         $(this).show(); 
        } 
       }); 
      } 
     }); 

Answer 1

입니다. .! \t \t 경우 (this.value = "") { \t \t $를 (;