jquery - jqueryを使用して選択したインデックスを変更する

Question

こんにちは、別のインデックスが変更されたときに、選択したインデックスを変更する必要があります。例：私は

<select id="selector">
<option>No 1</option>
<option>No 2</option>
</select>
<select id="selected">
<option>ONE</option>
<option>TWO</option>
</select>

ここで、＃selectorのインデックスが変更されたときに$ selectedインデックスを変更したいと思います。たとえば、「No 2」に変更すると、他のコンボボックスは「TWO」に変更されます。初心者の質問はご容赦くださいが、jqueryは初めてです^^

Answer 1

$('#selector').change(function() {
    var idx = this.selectedIndex;        
    $("select#selected").prop('selectedIndex', idx);  
});

Answer 2

私はお勧めします：

$('#selector').change(
    function(){
        var index = this.selectedIndex;
        $('#selected option').eq(index).prop('selected',true);
    });

JS フィドルのデモ。

参考文献:

• change().
• eq().
• prop().

Answer 3

jQuery 1.7.2で

$(document).on('change', '#selector', function (){
   var si =  this.selectedIndex
    $('#selected option').eq(si).prop('selected',true);
});​

ワーキングデモ

Answer 4

jQueryはこれには不要と思われるため、通常のJavaScriptを使用するだけです:

document.getElementById('selector').onchange = function() {
    document.getElementById('selected').selectedIndex = this.selectedIndex;
}

ワーキングデモ

Answer 5

selectedIndex は 0 から始まります。

ドロップダウン リストで複数の選択が許可されている場合、選択された最初のオプションのインデックスのみが返されます。
値「-1」は、すべてのオプションを選択解除します (存在する場合)。
オプションが選択されていない場合、selectedIndex プロパティは -1 を返します。

$('#idselect').change(function() {
    var index = this.selectedIndex;
    //...
});