Получить индекс выбранной опции с помощью jQuery

Я немного озадачен тем, как получить индекс выбранной опции из HTML<select> предмет.

Наэто На странице описаны два метода. Тем не менее, оба всегда возвращаются-1, Вот мой код jQuery:

$(document).ready(function(){
    $("#dropDownMenuKategorie").change(function(){
        alert($("#dropDownMenuKategorie option:selected").index());
        alert($("select[name='dropDownMenuKategorie'] option:selected").index());
    });
});

и в HTML

(...)
<select id="dropDownMenuKategorie">
    <option value="gastronomie">Gastronomie</option>
    <option value="finanzen">Finanzen</option>
    <option value="lebensmittel">Lebensmittel</option>
    <option value="gewerbe">Gewerbe</option>
    <option value="shopping">Shopping</option>
    <option value="bildung">Bildung</option>
</select>
(...)

Почему это поведение? Есть ли шанс, чтоselect не «готов» в момент назначения егоchange() метод? Дополнительно меняется.index() в.val() возвращает правильное значение, так что это смущает меня еще больше.

Ответы на вопрос(7)

Ваш ответ на вопрос