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()是一个函数，因此您无法为其赋值，您需要使用.val()的setter版本来设置输入元素的值

您可以使用索引值

访问第一个选项的值

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

演示：Fiddle

Answer 2

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

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

Answer 3

我想把它变成一个插件。

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

Answer 4

对我而言，这将是最明确的方法：

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

请注意，eq()函数的参数与您访问数组的方式相同。所以第二个元素是eq(1)

Answer 5

使用javascript：

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

在jQuery中按项目编号选择选择框的项目

5 个答案: