jQuery - 通过元素 id 设置选择索引

Question

<select id="mySelect">
  <option id="sel01" value="some value">some value</option>
  <option id="sel02" value="some other value">some other value</option>
  <option id="sel03" value="maybe me">maybe me</option>
  <option id="sel04" value="and another one">and another one</option>
</select>

我想使用 jQuery 选择一个选项，但不是按值:

$("#mySelect").val(1);

但通过元素 id。

感谢您的回答。

Answer 1

您可以使用prop方法。

var id = 'sel02';

$('#mySelect option').filter(function(){
   return this.id === id
}).prop('selected', true);

或者:

$('#' + id).prop('selected', true);

或者，如果您想根据索引选择一个选项，您可以使用 eq 方法:

$('#mySelect option').eq(1).prop('selected', true);