在選擇框中更改選項

兩個選擇框，第二個選擇框選項應該根據您在第一個選擇框中進行更改。我怎樣才能做到這一點與jQuery？在選擇框中更改選項

<select class="units"> 
    <option value="1">Sve ponude</option> 
    <option value="2">Srbija</option> 
    <option value="3">Grcka</option> 
</select> 
<select class="units"> 
    <option value="1">Sve ponude</option> 
    <option value="2">Novi Sad</option> 
    <option value="3">Beograd</option> 
</select>

來源

2015-09-04 Dejan Jankov

看到[this]（http://jsfiddle.net/yt568kkb/1/）！ –

我需要在第二個選擇中更改選項文本。 –

http://jsfiddle.net/gco5gpL1/看看這個小提琴 – guradio

var one = ['Madison','Janesville', 'Green Bay']; 
var two = ['Sacramento', 'Los Angeles', 'San Fransisco']; 
var three = ['Richmond', 'Roanoke', 'Harrisonburg']; 

$('#ddl1').change(function(){ 
    //clear values 
    $('#ddl2').html(''); 

    //find which list to use 
    var list = []; 
    switch($(this).val()){ 
     case "1": 
      list = one; 
      break; 
     case "2": 
      list = two; 
      break; 
     case "3": 
      list = three; 
      break; 
    } 

    //populate dropdown 
    $.each(list, function(index, value){ 
     $('#ddl2').append("<option>"+value+"</option>"); 
    }); 
});

https://jsfiddle.net/b1nygzxm/

來源

2015-09-04 12:36:36 stackoverfloweth

這就是我需要的。但是可以選擇加載嗎？只有一個選擇喜歡選擇城市或類似的東西。 –

你可以簡單的做到這一點，https://jsfiddle.net/b1nygzxm/1/ – stackoverfloweth

或者這個https://jsfiddle.net/b1nygzxm/2/ – stackoverfloweth

$(document).on('change', '.units', function() { 
    var a = $('.units option:selected').val(); 

    alert(a); 
    $('.units1').val(a); 

});

FIDDLE

UPDATE

FIDDLE

來源

2015-09-04 12:22:32 guradio

我需要新的選項。對於srbija他們可以保持不變，但對於grcka我需要新的。 –

你是什麼意思？新的？ – guradio

添加新選項並刪除舊的。 –

在選擇框中更改選項

回答

相關問題