在特定OPTGROUP選擇一個值

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> 

因爲在這兩種optgroups的值是相同的，是有辦法來選擇取決於一個選項它的optgroup？

所以我要選擇以「123」，在OPTGROUP與「B」

Answer 1

如您所提供的編號爲B。您可以使用ID selector和Attribute Value Selector

您可以使用

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

DEMO

Answer 2

使用jQuery的ID值的選項，您可以選擇限制到你想要的optgroup的孩子。在這種情況下：

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

應該這樣做。

Answer 3

SORRY，以爲他們的複選框。這是行不通的。

您的意思是在加載頁面時自動顯示爲選中狀態？如果是這樣的話，使用jQuery： $("#B").children('.myCheckbox').prop('checked', true);