Javascript 在jQuery中，通过选择框的项目编号选择其项目

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

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

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

.val（）

是一个函数，因此您无法为其赋值，您需要使用setter版本的

.val（）

来设置输入元素的值

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

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

演示：

---

其中0可以是任何数字，当然，我想把它做成一个插件

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

然后只需将其用于：

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

---

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

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

请注意，

eq（）

函数的参数被视为访问数组。因此，第二个元素是使用javascript的

eq（1）

：

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

---

一个问题，我需要为它设置一个var吗？$（“#selectbox”）.val（$（“#selectbox”）.children（）.first（）.val（））可以吗？@ComputerUser可以，但由于选择器使用了两次，因此最好缓存元素

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

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