javascript - 通过 jQuery 中的项目编号选择选择框的项目

Question

如何通过 jQuery 中的项目编号选择选择框的项目？

<select id="selectbox" style="width: 220px;">
  <option value="Option 1">Option 1</option>
  <option value="Option 2">Option 2</option>
</select>

喜欢：

$("#selectbox").val() = $("#selectbox").Item[0].val();

我的意思是我想切换项目以按其编号设置它。

Answer 1

.val()是一个函数，所以你不能给它赋值，你需要使用 setter 版本.val()来设置输入元素的值

您可以使用索引值访问第一个选项的值

var $select = $("#selectbox");
$select.val($select.children().first().val())
//$select.val($select.children().eq(0).val())

演示：小提琴

Answer 2

I wanted to make this into a plugin.

;(function($){
  $.fn.setByOptionIndex = function( idx ){
    return this.each(function(){
      var $select = $(this);
      $select.val( $select.find('option').eq(idx - 1).val() );
    });
  }
})(jQuery);

Then just use it with:

$('select').setByOptionIndex(2);

Answer 3

使用 javascript：

var select=document.getElementById("selectbox")
var options=select.getElementsByTagName("option")
select.value=options[0].innerHTML

Answer 4

$("#selectbox").val($("#selectbox option:nth-child(0)").val());

其中 0 可以是任意数字，当然

Answer 5

对我来说，这将是最清晰的方法：

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

请注意，eq()函数的参数被视为访问数组。所以第二个元素是eq(1)