我有一个选择框:
<select id="selectBox">
<option value="0">Number 0</option>
<option value="1">Number 1</option>
<option value="2">Number 2</option>
<option value="3">Number 3</option>
<option value="4">Number 4</option>
<option value="5">Number 5</option>
<option value="6">Number 6</option>
<option value="7">Number 7</option>
</select>
我想将其中一个选项设置为“选定”基于它的选定索引。
例如，如果我试图设置“数字3”，我尝试这样做:
$('#selectBox')[3].attr('selected', 'selected');
但这行不通。我如何设置一个选项，因为选择基于它的索引使用jQuery?
谢谢!
当前回答
根据选择列表中的值选择项目(特别是如果选项值中有空格或奇怪的字符)，只需这样做:
$("#SelectList option").each(function () {
if ($(this).val() == "1:00 PM")
$(this).attr('selected', 'selected');
});
此外，如果你有一个下拉菜单(而不是多选菜单)，你可能需要暂停;这样就不会覆盖第一个找到的值。
其他回答
这可能也很有用，所以我想在这里添加它。
如果你想根据项目的值而不是该项的索引来选择一个值，那么你可以执行以下操作:
您的选择列表:
<select id="selectBox">
<option value="A">Number 0</option>
<option value="B">Number 1</option>
<option value="C">Number 2</option>
<option value="D">Number 3</option>
<option value="E">Number 4</option>
<option value="F">Number 5</option>
<option value="G">Number 6</option>
<option value="H">Number 7</option>
</select>
jquery:
$('#selectBox option[value=C]').attr('selected', 'selected');
$('#selectBox option[value=C]').prop('selected', true);
现在选中的项目是“2号”。
试试这个:
$('select#mySelect').prop('selectedIndex', optionIndex);
最后，触发一个.change事件:
$('select#mySelect').prop('selectedIndex', optionIndex).change();
我需要一个解决方案，没有硬编码值在js文件;使用selectedIndex。大多数给出的解决方案在一个浏览器上失败。这似乎在FF10和IE8中工作(其他人能在其他版本中测试吗)
$("#selectBox").get(0).selectedIndex = 1;
我也遇到过同样的问题。 首先你需要遍历事件(即哪个事件先发生)。
例如:
第一个事件是生成带有选项的选择框。
第二个事件是使用val()等函数选择默认选项。
您应该确保第二个事件应该发生在第一个事件之后。
为了实现这个目标，需要用到两个函数，比如generateSelectbox()(用于生成选择框)和selectDefaultOption()
您需要确保只有在generateSelectbox()执行之后才调用selectDefaultOption()
注意:答案依赖于jQuery 1.6.1+
$('#selectBox :nth-child(4)').prop('selected', true); // To select via index
$('#selectBox option:eq(3)').prop('selected', true); // To select via value
感谢您的评论，.get将无法工作，因为它返回一个DOM元素，而不是jQuery元素。请记住，如果您愿意，.eq函数也可以在选择器之外使用。
$('#selectBox option').eq(3).prop('selected', true);
如果你想使用值，而不是依赖于选择特定的索引，你也可以更简洁/可读:
$("#selectBox").val("3");
注意:.val(3)对于这个例子也很有效，但是非数字值必须是字符串，所以为了保持一致性，我选择了字符串。 (例如:<option value="hello">Number3</option>要求你使用.val("hello"))
