Question

我选择了多个optgroups

例如

<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选择一个选项？

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

Answer 1

因为您提供了身份B。您可以使用ID selector和Attribute Value Selector

您可以使用

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

DEMO

Answer 2

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

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

应该做的伎俩。

Answer 3

抱歉，认为他们有复杂的问题。这不行。

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

选择特定optgroup中的值

3 个答案: