Question

我有三个列表框名称为州，区和大学。所有列表框都包含一个值“All”。如果我选择所有状态列表框中的其他列表框区和大学应该更改为“全部”。怎么做？我已经对两个列表框进行了更改。我不能为第三个做。

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

看到那里，如果我点击状态列表框中的“全部”，区和学院应该全部来。在此之前我已经完成了如果我点击区域列表框中的“全部”，大学sholud更改为“全部”。如何在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;
...

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

2 个答案: