使用jquery在多组下拉列表中选择第一个选项

Question

我有一个非常类似的下拉列表:

<select id='someSelect'>
    <option value="0">---select one---</option>
    <optgroup label="Bikes">
        <option value="B-4">Hayabusa</option>
        <option value="B-2">GSXR</option>
        <option value="B-3">Ninja</option>
        <option value="B-6">Enticer</option>
    </optgroup>
    <optgroup label="Cars"> 
        <option value="C-4">Audi TT</option>
        <option value="C-2">Awesome Car</option>
        <option value="C-23">Japanese car</option>
        <option value="C-9">German car</option>
    </optgroup>
</select>

我只想选择第一组的第一个元素(这里是自行车).我如何在jQuery中解决它？

目前,我试过这个:

$('#someSelect option:nth-child(1)').attr("selected", "selected");

BUT,麻烦的是,由于有三个第一元件(--select--,Hayabusa和Audi TT)它选择所有三个,这finaly选择Audi TT

我尝试做一些东西each并选择第二个,但后来我意识到下拉是动态的,我不想选择默认的(这是--select one--)但是第一组的第一个元素

我试图模仿一个jsfiddle,但它已经搞砸了,不能正常工作,不知道为什么: - /
你可以在这里看到它

Answer 1

这是一个例子,这是我使用的选择器:

$("#someSelect optgroup option:first").attr("selected", "selected");

如您所见,我通过查看optgroup元素来使用第一个选项.