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

我有三个列表框名称为州，区和大学。所有列表框都包含一个值为“全部”的值。如果我在状态列表框中选择所有其他列表框区和学院应更改为“全部”。如何做到这一点？我已经做了两个列表框的更改。我不能为第三个。选择一个列表框中的值应该会影响所有其他列表框

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

在此先感谢。

来源

2011-06-02 ssss05

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

来源

2011-06-02 05:44:10 Petah

嗯简单和不错的答案印度豹。谢谢你的帮助。 – ssss05 2011-06-02 06:02:12

如何在没有jQuery的情况下做到这一点？ – blarg 2013-06-04 15:25:47

@SoundsofTheDot http://jsfiddle.net/CDMWK/16/ – Petah 2013-06-04 21:11:18

<select id='selection1'> 

....options ... 

</select> 

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

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

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

    } 
}

它是有道理的使用switch语句做不同的东西取决于选择的项目。

访问所选项目的值，你可以用这个平变化中：

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

来源

2011-06-02 05:30:15 Ibu

嗯谢谢你为我们提供的帮助ibu ...我有更少的时间mr.ibu那是你不能看一眼你的脚本。我会在我自由时考虑它。 – ssss05 2011-06-02 06:04:02

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

回答

相关问题