javascript - 在特定的 optgroup 中选择一个值

Question

我有一个包含多个 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”的选项

Answer 1

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

你可以使用

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

DEMO