Estoy tratando de usar jQuery para hacer una solicitud ajax basada en una opción seleccionada.
¿Existe una forma sencilla de recuperar la identificación de la opción seleccionada (por ejemplo, "id2") usando jQuery?
<select id="my_select">
<option value="o1" id="id1">Option1</option>
<option value="o2" id="id2">Option2</option>
</select>
$("#my_select").change(function() {
//do something with the id of the selected option
});
Respuestas:
Puede obtenerlo usando el :selectedselector , así:
$("#my_select").change(function() {
var id = $(this).children(":selected").attr("id");
});
var id = $(this).find('option:selected').attr('id');entonces haces lo que quieras con selectedIndex
He reeditado mi respuesta ... ya que selectedIndex no es una buena variable para dar un ejemplo ...
thisdentro de un controlador de eventos, no es necesario realizar una búsqueda nuevamente ... y es posible que desee elegir otro nombre de variable, selectedIndexsería especialmente inexacto aquí :)
$('#my_select option:selected').attr('id');