Using jQuery to change value of one dropdown from another

Question

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

<select id="dropdown1">
 <option value="1">Item1</option>
 <option value="2">Item2</option>
 <option value="3">Item3</option>
</select>

<select id="dropdown2">
 <option value="1">Item1</option>
 <option value="2">Item2</option>
 <option value="3">Item3</option>
</select>

Consider fixing the typo: dropdWOn1 should be dropdOWn1

sachleen
– sachleen

2012-11-09 17:39:43 +00:00
Commented Nov 9, 2012 at 17:39 — sachleen
– sachleen, Commented Nov 9, 2012 at 17:39
I made the change and it's waiting for approval...

nicorellius
– nicorellius

2012-11-09 17:52:04 +00:00
Commented Nov 9, 2012 at 17:52 — nicorellius
– nicorellius, Commented Nov 9, 2012 at 17:52

hunter · Accepted Answer · 2010-12-20 17:19:17Z

8

This should do it:

$("#dropdwon1").change(function(){
    $("#dropdwon2").val($(this).val());
});

working version here: http://jsfiddle.net/xkT3U/

answered Dec 20, 2010 at 17:19

hunter

63.8k19 gold badges115 silver badges115 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

nand Over a year ago

@hunter is it possible to make click on second drop down after change event. I tried with ** $("#dropdwon1").change(function(){ $( "#dropdwon2" ).focus(); $( "#dropdwon2" ).click(); });** but it didn't work .

Collectives™ on Stack Overflow

Using jQuery to change value of one dropdown from another

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related