在选择框中更改选项

问题描述：

两个选择框，第二个选择框选项应该根据您在第一个选择框中进行更改。我怎样才能做到这一点与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>

看到[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/

这就是我需要的。但是可以选择加载吗？只有一个选择喜欢选择城市或类似的东西。 –

你可以简单的做到这一点，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

我需要新的选项。对于srbija他们可以保持不变，但对于grcka我需要新的。 –

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

添加新选项并删除旧的。 –

在选择框中更改选项

相关推荐