使用jQuery根據(jù)第一個選擇列表選項更改第二個選擇列表我有兩個選擇：<select name="select1" id="select1">
<option value="1">Fruit</option>
<option value="2">Animal</option>
<option value="3">Bird</option>
<option value="4">Car</option></select><select name="select2" id="select2">
<option value="1">Banana</option>
<option value="1">Apple</option>
<option value="1">Orange</option>
<option value="2">Wolf</option>
<option value="2">Fox</option>
<option value="2">Bear</option>
<option value="3">Eagle</option>
<option value="3">Hawk</option>
<option value="4">BWM<option></select>如果我在第一個選擇中選擇了果樹，那么如何使用jQuery呢？第二個選擇只給我看水果-香蕉，蘋果，橘子。如果我在第一個選擇中選擇鳥，第二個選擇將只顯示鳥-鷹，鷹。以此類推.。我試著用這段jQuery代碼來完成這個任務(wù)：$("#select1").change(function() {
var id = $(this).val();
$('#select2 option[value!='+id+']').remove();});不幸的是，它消除了幾乎所有的東西，我不知道如何帶回一些選擇。我也讀過一些關(guān)于克隆的東西，但我不知道如何在這個例子中使用它。
3 回答
慕少森
TA貢獻2019條經(jīng)驗 獲得超9個贊
#select2#select1.html()#select2:
var $select1 = $( '#select1' ),
$select2 = $( '#select2' ),
$options = $select2.find( 'option' );$select1.on('change', function() {
$select2.html($options.filter('[value="' + this.value + '"]'));}).trigger('change');這里有把小提琴
- 3 回答
- 0 關(guān)注
- 496 瀏覽
添加回答
舉報
0/150
提交
取消