cómo obtener el Índice de Seleccionar-> etiqueta de opción

Question

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

Cómo obtener el índice de la opción seleccionada con jQuery? Puede ser .index(subject), pero todas las posibilidades probadas, no funcionó ...

P.S. Índices: value = "123" => 0, value = "44" => 1, ...

Gracias

Answer 1

Esta voluntad hacerlo:

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

Answer 2

En realidad puede hacerlo sin jQuery: var sel = document.getElementById('sel'); var index = sel.selectedIndex;

Answer 3

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

o

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

Answer 4

Usted puede obtener el índice del elemento, en este caso por el control de cuántos elementos relacionados al elemento seleccionado tiene ante sí:

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

Answer 5

Sólo segunda respuesta de Bob es correcta:

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

Obras : http://jsfiddle.net/b9chris/wxeVN/1/

El uso de .attr() funciona solo si el usuario (o la restauración de DOM del navegador) no ha cambiado th opción de correo seleccionado desde la página cargado: http://jsfiddle.net/b9chris/wxeVN/

Se podría aplicar esto como una extensión de jQuery, y obtener un poco más de información en el proceso:

(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/

lo que está devuelto por .selectedOption() es la etiqueta de opción real, para que pueda acceder .index, .value y .text - un poco más conveniente que sólo el índice en el uso típico.

Answer 6

Mientras escribo esto, dos de los mejores respuestas (incluyendo la respuesta aceptada) son incorrectas a pesar de ser señalado hace casi cinco años. attr("selectedIndex") no hace nada, porque selectedIndex es una propiedad en el elemento DOM real, no un atributo HTML. Es necesario utilizar prop:

$(this).prop('selectedIndex') 

Demostración interactiva comparar esto con la versión incorrecta: http://jsfiddle.net/uvwkD/

Answer 7

Utilice la función de índice estándar de jQuery como en este ejemplo de código

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

Answer 8

El título no coincide con la pregunta ...

¿Cómo obtener el Índice de Seleccionar-> etiqueta de opción

option.index // javascript 

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

---

índice de seleccionado Seleccionar-> opción de la etiqueta:

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