JQuery根据选择改变价值

时间:2016-05-04 21:08:03

标签: javascript jquery

我有2个下拉列表,我想如果我在dropdwon1中选择Alabama,dropdwon2中的选定值应该更改为Other ..,如何使用JQuery执行此操作

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

2 个答案:

答案 0 :(得分: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);
    }
})

答案 1 :(得分:0)

您必须为州选择的第一个值的第二个选择初始化您的值,如下所示:

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

然后使用change事件,并为状态值提供第二个选择的不同值。

由于用户在选择了另一个值后可以再次选择Alabama,您必须将第一个值的代码放在change事件函数中。

这是一个jsfiddle:

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