jquery - 需要包含 optgroup 的 select 的选定索引

Question

<select id="test1">
    <optgroup label="group1">Group 1
        <option value="one">Option 1 of Group 1</option>
    </optgroup>
    <optgroup label="group2">Group 2
        <option value="one">Option 1 of Group 2</option>
        <option value="two">Option 2 of Group 2</option>
    </optgroup>
</select>

选项值可以重复，所以我想获取索引。但当我尝试时

$('#test1 option:selected').index();

它显示相对于组的索引。有没有一种简单的方法可以根据所有组来显示它。

$('#test1')[0].length //equals 3 and this is what I'd like the index based off

目前，如果我选择“Option 2 Group 2”，它会显示相对于 Group 2 的索引 1。我希望它根据整个列表显示索引 = 2。

http://jsfiddle.net/waeeq2xd/1/

Answer 1

当然，只需使用 .index() 函数即可:

$('#test1 option').index($('#test1 option:selected'))

<强> jsFiddle example

作为docs状态:

If .index() is called on a collection of elements and a DOM element orjQuery object is passed in, .index() returns an integer indicating theposition of the passed element relative to the original collection.

当您说“它显示相对于组的索引”时，您实际上遇到了错误。如果没有传递给 index() 参数，它会为您提供相对于其同级元素的索引。