jQuery根据选择更改值

Question

i have 2 dropdownlist, i want if i select Alabama in dropdwon1 the selected value in dropdwon2 should change in to Other.., how to do this using 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>

Answer 1

You must bind event to first select change event and check it's selected value and set value for second select like this:

//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);
    }
})

Answer 2

You have to initialize your value for the second select for the , like so :

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

then use the change event and give the different values of the second select for the states values.

As the user can select Alabama again after having chosen another value, you have to put the code for the first value in the change event function.

Here is a jsfiddle :

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