使用jQuery選擇一個選項？

Question

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

在jQuery中，如何為id = m選擇'selected'選項？

Answer 1

而是在select元素上設置id：

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

然后使用val函數：

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

Answer 2

只需在選項上設置selected屬性：

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

如果您還想在執行此操作時取消選擇其他選項，則最簡單的選項是：

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

然而，這並未涵蓋場集的情況。 為了涵蓋這樣的使用：

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

Answer 3

這不是為select中的每個選項添加id的正確方法。 如果我是你，我會在下面做

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

使用下面的索引1設置元素

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

Answer 4

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

Answer 5

我同意@coder。 他的代碼略有改變是刪除以前選擇的條目。 如果用戶已經選擇了一個選項，然后您想使用jquery將其更改為其他選項（除非您的選擇框設置了屬性“multiple”），則必須取消選擇用戶的選擇選項。

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

如@cletus所述。