How can i change selected form 2 if i select option form 1

Question

I have the following code:

<select id="select1">
  <option value="1">1<option>
  <option value="2">2<option>
  <option value="3">3<option>
</select>
<select id="select2">
  <option value="one">one<option>
  <option value="two">two<option>
  <option value="three">three<option>
</select>

How can I change the selected <option> of the <select id="select2"> to <option value="one"> if I select any option of <select id="select1">?

$('#select1').change(function(){ $("select#select2").prop('selectedIndex',$("#select1 option:selected").index()); }); — JYoThI, Feb 14 '17 at 11:36

score 0 · Answer 1 · answered Feb 14 '17 at 10:52

I hope following code will help you

$(()=>{
  
  $('#select1').change(()=>{
       $('#select2').val('one');              
    });
  
  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="select1">

<option value="1">1<option>
<option value="2">2<option>
<option value="3">3<option>
</select>
<select id="select2">
<option value="one">one<option>

<option value="two">two<option>

<option value="three">three<option>

</select>

How can i change selected form 2 if i select option form 1

1 Answers1