选择一个列表框中的值应影响所有其他列表框

Question

我有三个列表框，名称分别为州、地区和学院。所有列表框都包含“全部”值。如果我在州列表框中选择全部，则其他列表框区和学院应更改为“全部”。怎样制作呢？我已经对两个列表框进行了更改。我无法参加第三次。

ex :   1. State - 
                a) xxxxxxx
                b) yyyyyyy
                c) zzzzzzz
                d) All

          2. District - 
               a) aaaaaaa
               b) bbbbbbb
               c) All

          3. College - 
               a) aaaaaaa
               b) All

看到那里，如果我在州列表框中单击“全部”，则学区和学院应该全部出现。 在此之前，如果我单击地区列表框中的“全部”，学院应更改为“全部”。如何在onChange中编写代码？

提前致谢。

Answer 1

在 jQuery 中，你可以这样做：

<select id="state" size="3">
    <option value="0">state1</option>
    <option value="1">state2</option>
    <option value="all">All</option>
</select>

<select id="district" size="3">
    <option value="0">district1</option>
    <option value="1">district9</option>
    <option value="all">All</option>
</select>

<select id="collage" size="3">
    <option value="0">collage1</option>
    <option value="1">collage2</option>
    <option value="all">All</option>
</select>

<script type="text/javascript">
    $('#state').click(function() {
        if ($(this).val() == 'all') {
            $('#district').val('all');
            $('#collage').val('all');
        }
    });
    $('#district').click(function() {
        if ($(this).val() == 'all') $('#collage').val('all');
    });
</script>

参见 http://jsfiddle.net/CDMWK/3/

Answer 2

<select id='selection1'>

....options ...

</select>

var select= document.getElementById('selection1');

select.onchange = function () {
    var index = this.selectedIndex;

    if (index == SomeValue ) {
       // do something

    }
}

根据所选项目使用 switch 语句执行不同的操作是有意义的。

要访问所选项目的值，您可以在 onchange 中使用它：

...
var selectedValue = this.options[index].value; // index is the selectedIndex;
...