2016-05-04 4 views
0

я 2 DropDownList, я хочу, если я выбрать Алабама в dropdwon1 выбранном значении в dropdwon2 должен изменить в другом .., как это сделать с помощью JQueryJQuery изменить значение на основе выбора

<select id="dropdwon1"> 
<option value="1">Alabama</option> 
<option value="2">Alaska</option> 
<option value="3">Arizona</option> 
</select> 

<select id="dropdwon2"> 
<option value="3">Item1</option> 
<option value="4">Item2</option> 
<option value="5">Other..</option> 
</select> 
+0

Добро пожаловать в SO. вы получите гораздо больше помощи, если вы покажете нам, что вы уже пробовали. люди готовы помочь, но не до тех пор, пока вы не продемонстрируете каких-либо усилий с вашей стороны. –

+0

Возможный дубликат [Populate Dropdown list на основе другого раскрывающегося списка] (http://stackoverflow.com/questions/12258839/populate-dropdown-list-based -on-another-dropdown-list) –

+0

проверить это [URL] (http://stackoverflow.com/questions/5686735/populate-one-dropdown-based-on-selection-in-another) –

ответ

0

Вы должны связать событие с первым выбором события изменения и проверить это выбранное значение и заданное значение для второго выбора, как это:

//Bind change event to first select 
$('#dropdwon1').on('change', function(){ 

    //check selected value 
    var value = $(this).val(); 
    if(value == 1){ 

     //Set selected value for second select 
     $('#dropdwon2').val(5); 
    } 
}) 
+0

У меня есть список государств в моем dropdwon1 и в списке dropdwon2 округа, что мне нужно, когда я выбираю любое состояние, отличное от Alabama в dropdwon1, выбранное значение в dropdwon2 должно быть другим .. – myo1981

0

Yo и есть инициализировать значение для второго выбора для первого значения вашего состояния выберите, например, так:

if($("#dropdown1").val()=="1"){ 
    $("#dropdown2").val("5"); // Set the value (your answer) 
} 

затем использовать change события и дают различные значения второго выбору для значений состояний.

Как пользователь может выбрать Алабаму снова после того, как выбрал другое значение, вы должны поместить код для первого значения в функцию события change.

Вот jsfiddle:

https://jsfiddle.net/mantisse_fr/ak81o26s/4/

+0

это то, что мне нужно (если значение dropdwon1 не было алабамой, тогда смените dropdwon2 на Другие.....) – myo1981

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