使用 jquery 更改选定的索引

Change selected index using jquery

提问by None

Hi need to change the selected index of a when another has been changed.. Example: i have

嗨，当另一个已更改时，需要更改 a 的选定索引。例如：我有

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

now i want the $selected index to change when the #selector's index is changed.. like when i change to "No 2" the other combobox will change to "TWO". pardon me for newbie question but im new to jquery ^^

现在我希望 $selected 索引在 #selector 的索引更改时更改..就像当我更改为“No 2”时，另一个组合框将更改为“TWO”。请原谅我的新手问题，但我是 jquery 的新手 ^^

回答by Sudhir Bastakoti

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

回答by David says reinstate Monica

I'd suggest:

我建议：

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

JS Fiddle demo.

JS小提琴演示。

References:

参考：

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

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

回答by Anthony Grist

Just using regular JavaScript because jQuery seems unnecessary for this:

只使用常规的 JavaScript，因为 jQuery 似乎没有必要：

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

Working DEMO

工作演示

回答by diEcho

with jQuery 1.7.2

使用jQuery 1.7.2

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

Working DEMO

工作演示

回答by Naami

The selectedIndex starts at 0.

selectedIndex 从 0 开始。

If the drop-down list allows multiple selections it will only return the index of the first option selected.
The value "-1" will deselect all options (if any).
If no option is selected, the selectedIndex property will return -1.

如果下拉列表允许多选，它只会返回所选第一个选项的索引。
值“-1”将取消选择所有选项（如果有）。
如果未选择任何选项，则 selectedIndex 属性将返回 -1。

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