CODEWITHSUNDEEP
jquery
user1884538
user1884538

Reputation: 1

how to change one dropdown value by changing another dropdown

i have 2 drop down lists and I would like to make it so that when someone selects for example value Abbeville from dropdown1, dropdown2 is automitacally changed to value Pie Chart. Is this possible using jquery?

<select id="county">
<option value="select" selected>Select</option>
<option value="Abbeville">Abbeville</option>
<option value="Aberdeen">Aberdeen</option>
</select>

<select id="ctype">
<option value="select" selected>Select</option>
<option value="pie">Pie Chart</option>
<option value="bar">Bar Chart</option>
<option value="line">Line Chart</option>
</select>

Script

$("#county").change(function(){ 
   $("#ctype").val($(this).val());
})

Upvotes: 0

Views: 2292

Answers (1)

Rajaprabhu Aravindasamy
Rajaprabhu Aravindasamy

Reputation: 67187

Try to use .change() function.

$('#county').change(function(){
  $("#ctype option").eq($(this).find(':selected').index()).prop('selected',true);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<select id="county">
<option value="select" selected>Select</option>
<option value="Abbeville">Abbeville</option>
<option value="Aberdeen">Aberdeen</option>
</select>

<select id="ctype">
<option value="select" selected>Select</option>
<option value="pie">Pie Chart</option>
<option value="bar">Bar Chart</option>
<option value="line">Line Chart</option>
</select>

Upvotes: 1

Related Questions