Как получить индекс выбора тега выбора

Question

<select id="sel">
<option value="123" selected="selected">text1</option>
<option value="44">text2</option>
<option value="882">text3</option>
...
</select>

Как получить индекс выбранной опции с помощью jQuery? Может быть .index(subject), но все проверенные возможности не сработали ...

P.S. Индексы: значение = "123" => 0, значение = "44" => 1, ...

Thanx

Answer 1

Только второй ответ Боба верен:

$("#sel")[0].selectedIndex

Работает: http://jsfiddle.net/b9chris/wxeVN/1/

Использование .attr() работает только в том случае, если пользователь (или восстановление DOM браузера) не изменил параметр, выбранный после загрузки страницы: http://jsfiddle.net/b9chris/wxeVN/

Вы можете реализовать это как расширение jQuery и получить немного больше информации в процессе:

(function($) {
    $.fn.selectedOption = function() {
        var sel = this[0];
        return sel.options[sel.selectedIndex];
    };
})(jQuery)

$('button').click(function() {
    $('#output').text('selected index: ' + $('select').selectedOption().index);
});

http://jsfiddle.net/b9chris/wxeVN/102/

То, что возвращает .selectedOption(), является фактическим тегом параметра, поэтому вы можете получить доступ к .index, .value и .text - немного удобнее, чем просто индекс при обычном использовании.

Answer 2

Когда я пишу это, два главных ответа (включая принятый ответ) неверны, несмотря на то, что на них указывалось почти пять лет назад. attr("selectedIndex") ничего не делает, потому что selectedIndex - это свойство фактического элемента DOM, а не атрибута HTML. Вам нужно использовать prop:

$(this).prop('selectedIndex')

Интерактивная демонстрация, сравнивающая это с неверной версией: http://jsfiddle.net/uvwkD/

Answer 3

$("#sel").attr("selectedIndex")

или

$("#sel")[0] //to get the DOM element
$("#sel")[0].selectedIndex

Answer 4

Это сделает это:

   $("#sel").attr("selectedIndex")

Answer 5

В этом случае вы можете получить индекс элемента, проверив, сколько родственных элементов у выбранного элемента перед ним:

$('#sel option:selected').prevAll().length;

Answer 6

Вы можете сделать это без jQuery: var sel = document.getElementById( 'sel' ); var index = sel.selectedIndex;

Answer 7

Используйте стандартную индексную функцию jquery, как в этом примере кода

$("#sel option:selected").index()

Answer 8

Название не совсем соответствует вопросу ...

Как получить индекс выбора-> тег опции

option.index // javascript

$(option).prop('index') // jquery

---

индекс выбран выберите-> тег параметра:

document.getElementById('sel').selectedIndex // javascript