jquery - 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);

Answer 2

   var id= "sel01";

    $('#selectid option').each(function(){
        if($(this).attr('id') == id){
           $(this).attr('selected',true);
         }
    });

Answer 3

您可以使用 ID 检索元素值并使用 jQuery 的值val()。

var elementId = 'sel01';
$("#mySelect").val($('#' + elementId).val());

Answer 4

如果要选择选项：

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

如果要获取所选选项 id 的值：

$('#mySelect option#sel02').val();

Answer 5

试试这个语法，

$('select option:selected').attr('id');

选中此处，它将根据文本值选择选项。

Answer 6

像这样。只需更改 eq(0) 中的数字

$("#mySelect").val($("#mySelect").children().eq(0).val());

Answer 7

我不知道上下文，但是当我需要从 json 获取数据并选择特定组合框的选项时，这对我有用：

$("#mySelect option[id='" + someVariable + "']").attr('selected', 'selected');