選擇一個列表框中的值應該會影響所有其他列表框

我有三個列表框名稱爲州，區和大學。所有列表框都包含一個值爲「全部」的值。如果我在狀態列表框中選擇所有其他列表框區和學院應更改爲「全部」。如何做到這一點？我已經做了兩個列表框的更改。我不能爲第三個。選擇一個列表框中的值應該會影響所有其他列表框

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

選擇一個列表框中的值應該會影響所有其他列表框

回答

相關問題