2015-09-04 5 views
0

два окна выбора, варианты выбора второго варианта должны меняться в зависимости от того, что вы выбрали в первую очередь. как я могу сделать это с помощью 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> 
+2

См. [Это] (http://jsfiddle.net/yt568kkb/1/)! –

+0

Мне нужно изменить текст опции во втором выборе. –

+0

http://jsfiddle.net/gco5gpL1/ посмотреть на эту скрипку – guradio

ответ

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

+0

Это то, что мне нужно. но могут ли быть варианты опций при загрузке? просто один из вариантов, например, выбрать город или что-то в этом роде. –

+1

вы могли бы просто сделать это, https://jsfiddle.net/b1nygzxm/1/ – stackoverfloweth

+1

или, это https://jsfiddle.net/b1nygzxm/2/ – stackoverfloweth

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

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

}); 

FIDDLE

UPDATE

FIDDLE

+0

Мне нужны новые опции. для srbija они могут оставаться неизменными, но для grcka мне нужны новые. –

+0

Что значит «новые»? – guradio

+0

добавьте новые опции и удалите старые. –

Смежные вопросы