Question

我觉得这不应该是这么复杂，但我确信我错过了一些微不足道的事情。感谢任何可以提供帮助的人！

XSL：

<select id="mySelectList">
  <option id="1" description="Blue" />
  <option id="2" description="Black" />
  <option id="3" description="Green" />
</select>

JS：

$("#mySelectList option[id='1']").attr("selected", "selected");

编辑：修正了我对Nick的回应的选择。

Answer 1

<select>应如下所示：

<select id="mySelectList">

或者，如果你真的想要元素和那个XML，请删除element selector的#，如下所示：

$("mySelectList option[id='1']").attr("selected", "selected");

Answer 2

您的代码应该选择您想要的内容。

您确定要<option>没有文字值吗？

也许你想要

<select id="mySelectList"> 
  <option id="1" description="Blue">Blue</option>
  <option id="2" description="Black">Black</option>
  <option id="3" description="Green">Green</option>
</select>

另请注意，您选择了默认选中的第一个项目。

示例http://www.jsfiddle.net/Zfx3e/

Answer 3

在HTML4中，ID属性必须以字母开头，而不是数字（see the specifications）。 E.g。

<select id="mySelectList">
  <option id="opt1" description="Blue" />
  <option id="opt2" description="Black" />
  <option id="opt3" description="Green" />
</select>

所以你可以做到

$('#mySelectList option[id="opt1"]);

Jquery - 按ID设置选择列表选项

3 个答案: