javascript - 更改一个选择菜单会禁用网页上的另一个选择菜单？

Question

我的页面上有一个 <select> 菜单。

如果 selectedIndex 不等于“1”(即if (this.selectedIndex!=1))，我希望它会禁用(<select disabled="disabled"> ) 我网页上的另一个 <select> 菜单。

我如何实现这一目标？

谢谢。

Answer 1

<select id="first"><option>a</option><option>b</option></select>
<select id="second"></select>

<script type="text/javascript">
    document.getElementById('first').addEventListener('change', function() {
       if(this.selectedIndex != 1) {
           document.getElementById('second').disabled = true;
       }
       else {
           document.getElementById('second').disabled = false;
       }
    });
</script>

jsFiddle Demo