Obtener índice de la opción seleccionada con jQuery
Estoy un poco confundido acerca de cómo obtener un índice de una opción seleccionada de un HTML<select>
ít.
Enesta En la página hay dos métodos descritos. Sin embargo, ambos siempre están volviendo.-1
. Aquí está mi código jQuery:
$(document).ready(function(){
$("#dropDownMenuKategorie").change(function(){
alert($("#dropDownMenuKategorie option:selected").index());
alert($("select[name='dropDownMenuKategorie'] option:selected").index());
});
});
y en 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>
(...)
¿Por qué este comportamiento? ¿Hay alguna posibilidad de que elselect
no está "listo" en el momento de asignar suchange()
¿método? Además, cambiando.index()
a.val()
está devolviendo el valor correcto, así que eso es lo que me confunde aún más.