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

select Value in one listbox should affect all other list boxes

本文关键字：列表 影响 其他 一个 选择      更新时间：2023-09-26

我有三个列表框，名称分别为state、District和college。所有列表框都包含一个值"全部"。如果我在州列表框中选择了所有，那么其他列表框地区和大学应该改为"全部"。如何制作？我修改了两个列表框。我无法参加第三场比赛。

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中编写代码？？

提前谢谢。

在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/

<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;
...
相关文章：