使用jQuery选择一个选项?

时间:2010-02-24 04:09:48

标签: javascript jquery

<select>
            <option value="0" id="n">n</option>
            <option value="1" id="m">m</option>
</select>

在jQuery中,如何为id = m?

选项'selected'

5 个答案:

答案 0 :(得分:8)

在select元素上设置id:

<select id="TheDropDown">
   <option value="0">n</option>
   <option value="1">m</option>
</select>

然后使用val函数:

$('#TheDropDown').val('1');

答案 1 :(得分:4)

只需在选项上设置selected属性:

$("#m").attr("selected", true);

如果您还想在执行此操作时取消选择其他选项,则最简单的选项是:

$("#m").attr("selected", true).siblings("option").removeAttr("selected");

但这并不包括场集的情况。为了弥补这一点,请使用以下内容:

$("#m").attr("selected", true).closest("select")
  .find("option").removeAttr("selected");

答案 2 :(得分:0)

这不是为select中的每个选项添加id的正确方法。如果我是你,我会喜欢下面

<select id="myselect">
            <option value="0">n</option>
            <option value="1">m</option>
</select>

使用下面的

将元素设置为索引1
$("#myselect option:eq(1)").attr("selected", "selected");

答案 3 :(得分:0)

$("#m").addAttr('selected', true)
       .siblings('option')
       .removeAttr('selected');

答案 4 :(得分:0)

我同意@coder。他的代码略有改变是删除以前选择的条目。如果用户已经选择了一个选项,然后您想使用jquery将其更改为其他选项(除非您的选择框设置了属性“multiple”),您将必须取消选择用户的选择选项。

$("#myselect option:eq(1)").attr("selected", "selected").siblings("option").removeAttr("selected");

如@cletus所述。