javascript - 使用 jquery 获取 optgroup 中选择选项的索引

Question

我有以下选择:

<select name="end" id="end"> 
    <optgroup label="Morning"> 
        <option value="12:00a">12:00 am</option> 
        <option value="12:30a">12:30 am</option> 
        <option value="1:00a">1:00 am</option> 
        <option value="1:30a">1:30 am</option> 
    </optgroup> 
    <optgroup label="Evening"> 
        <option value="12:00p">12:00 pm</option> 
        <option value="12:30p">12:30 pm</option> 
        <option value="1:00p" selected="selected">1:00 pm</option> 
        <option value="1:30p">1:30 pm</option> 
    </optgroup> 
</select> 

我需要找到所选选项的总体 索引，但 optgroup 使这变得困难。换句话说，选择的应该返回 6，但它返回 2。我试过这个:

var idx = $('#end :selected').prevAll().size();

但这会返回该 optgroup 中的索引，而不是整个索引。我无法更改选择选项的格式或值。

Answer 1

呃...为什么不是好的旧 DOM 方法？对于单选:

var idx= document.getElementById('end').selectedIndex;

// or $('#end')[0].selectedIndex if you must

或者，这也适用于多选，获取您感兴趣的 option 元素节点并获取 option.index在上面。

这比让 jQuery 处理复杂的选择器要快得多，也简单得多。