0

私は2つのドロップダウンリストを持っており、誰かがドロップダウン1から値2を選択すると、ドロップダウン2は自動的に値4に変更されます。

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

<select id="dropdwon2">
<option value="3">Item1</option>
<option value="4">Item2</option>
<option value="5">Item3</option>
</select>

値が同じであるが異なる場合ではなく、これがどのように行われるかを見てきました。以下のような簡単な解決策を探しています。

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

4 に答える 4

1

selectedIndexあなたが説明していることから、同期させたいようです。

方法は次のとおりです。

jsFiddle の例

$(function() {
    $("#dropdwon1").change(function() {
        $("#dropdwon2")[0].selectedIndex = $(this)[0].selectedIndex;
    });
});​
于 2012-08-09T17:46:53.807 に答える
0
$("#dropdwon1").change(function(){
   $("#dropdwon2").val( +this.value + 2 );
});

デモ

+this.valueは数値に変換されるので、追加でき2ます。

また

$("#dropdwon1").change(function(){
   $("#dropdwon2").prop('selectedIndex', this.selectedIndex );
});

デモ

于 2012-08-09T17:49:46.797 に答える
0

これは機能します:

$('#dropdown1').change(function(){
   var ind = $(this).find('option:selected').index();
   $('#dropdown2 option').eq(ind).prop('selected', true);
});
于 2012-08-09T17:49:55.977 に答える