2010-12-20 8 views
3

私は2つのドロップダウンリストを持っており、誰かがdropdown1から値2を選択するとdropdown2が自動的に値2に変更されるようにしたいと思います。 jquery?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> 
+0

は、タイプミスを修正考えてみましょう: 'dropdWOn1'は' – sachleen

+0

をdropdOWn1'する必要があり、私は変更を行ったし、それが承認待ちです... – nicorellius

答えて

8

これはそれを行う必要があります。

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

は、ここに作業バージョン:http://jsfiddle.net/xkT3U/

+0

ありがとうございました!それは素晴らしい仕事でした! :) –

+0

@hunter変更イベント後に2番目のドロップダウンをクリックすることは可能です。 ** $( "#dropdwon1")で試してみました。( $( "#dropdwon2").focus(); $( "#dropdwon2").click(); } ; **それはうまくいきませんでした。 – nand

関連する問題