<select id="sel">
<option id="1">aa</option>
<option id="2">bb</option>
<option id="3">cc</option>
</select>
$("#sel").change(function(){
alert($(this).children().attr('id'))
})
VIVO:http://jsfiddle.net/cxWVP/Obtener opción seleccionada actual
¿Cómo puedo obtener ID actual opción seleccionada? Ahora siempre muéstrame id = "1".
$('#sel').change(function(){
alert($(this).find('option:selected').attr('id'));
});
debería funcionar.
Ningún desarrollador que se precie debe elegir este método sobre [la respuesta de Esailia] (http://stackoverflow.com/a/8809329). Esto es como la ruta panorámica, excepto que no se ve bonita. –
@Jakub: Eso es un poco duro, prefiero la respuesta de Esailia también (ya que es la misma que la mía), pero esto podría considerarse más fácil de entender si eres un desarrollador con mentalidad jQuery y la pregunta menciona jQuery. No soy un desarrollador de jQuery, no me gusta el código jQuery de procedimiento, así que no lo usaría porque tiene un nivel de abstracción innecesario ya que el código JS directo es aún más claro. –
JuanMendes & AndyE, bueno, es por eso que si no les gusta mi respuesta, tienen derecho a rechazarla. No necesita ser demasiado crítico. – Jakub
Cambie el atributo id a valor y luego use .val().
<select id="sel">
<option value ="1">aa</option>
<option value ="2">bb</option>
<option value ="3">cc</option>
</select>
var selectedValue = $("#sel").val();
Eso no le dará la identificación, le dará: aa, bb o cc –
Gracias por señalar lo obvio (id vs valor). Actualicé mi respuesta. – jrummell
Aún no es lo que se solicitó, no se puede cambiar el HTML. OP realmente necesita acceder al objeto 'option' dentro de la selección –
<option> etiquetas deben tener un atributo value. Cuando se selecciona una, obtienes su valor usando $("#sel").val().
<select id="sel">
<option value="1">aa</option>
<option value="2">bb</option>
<option value="3">cc</option>
</select>
$("#sel").change(function(){
alert($(this).val())
});
OP no está pidiendo el valor del objeto seleccionado. Parece que OP realmente quiere es el objeto de opción (su atributo id) –
@JuanMendes: ¿Eh? El OP deseado es 1, 2 o 3 según la opción que se seleccione. Eso es lo que hace este código. '
Lo siento, no me di cuenta de que cambiaste la identificación con valor ... Sugerir que cambien el HTML no le enseña al OP lo que la pregunta realmente estaba haciendo ... aunque podría ser la mejor solución. –
$(this).find('option:selected').attr('id')
$("#sel").change(function(){
alert(this.options[this.selectedIndex].id);
})
para obtener la opción seleccionada dentro de un elemento de selección, puede utilizar selectedIndex, a continuación, puede utilizar la matriz options llegar al objeto opción seleccionada
$("#sel").change(function(){
alert(this.options[this.selectedIndex].id)
})
¿Funcionará el filtro jquery: selected? Algo como esto ...
$("#sel:selected").each(function(){
alert($(this).attr('id'))
})
Eso no funcionará. –
Debe ser '$ (" opción # sel: seleccionado ")', pero es un desperdicio ya que tiene una referencia al elemento de selección como 'this' en el controlador –
Prueba este
$("#sel").find('option:selected').attr('id');
una buena idea usar value atributo para etiquetas de opción y sólo tiene que utilizar val método para obtener el valor seleccionado a partir del elemento desplegable. $("#sel").val();
Excelente respuesta: Responde la pregunta, pero explica una mejor manera de hacerlo eso. –
Prueba esto:
$('select:#idSelect').val()
¿Hay alguna razón usted tiene los atributos de ID en lugar del valor de los atributos de sus opciones? –
FYI: Tener que comenzar con (o es) un número no es válido. –
Uso también valor, pero para este ejemplo, solo mostré ID. –