在特定的 optgroup 中选择一个值答案

【问题标题】：Select a value in a specific optgroup在特定的 optgroup 中选择一个值
【发布时间】：2014-03-05 18:11:29
【问题描述】：

我有一个包含多个 optgroup 的选择

例如

<select id="Numbers">
     <option value="0">Select One</option>
     <optgroup label="A" id="A">
          <option value="123">123</option>
          <option value="456">456</option>
     </optgroup>
     <optgroup label="B" id="B">
          <option value="123">123</option>
          <option value="456">456</option>
     </optgroup>
</select>

由于两个 optgroup 中的值相同，有没有办法根据其 optgroup 选择选项？

所以我想在 id 为“B”的 optgroup 中选择值为“123”的选项

【问题讨论】：

不是$('#Numbers optgroup#B option[value=123]')?

标签： javascript jquery

【解决方案1】：

正如您提供的 ID B。你可以使用ID selector和Attribute Value Selector

你可以使用

 $('#B option[value="123"]').prop('selected', true)

DEMO

【讨论】：

【解决方案2】：

使用 jquery，您可以将选择限制为您想要的 optgroup 的孩子。在这种情况下：

$("optgroup#B > option[value='123']").attr("selected", "selected");

应该做的伎俩。

【讨论】：

【解决方案3】：

抱歉，以为它们是复选框。这将不起作用。

您的意思是在加载页面时自动将其显示为已选中？如果是这样，请使用 jQuery： $("#B").children('.myCheckbox').prop('checked', true);

【讨论】：