Obtenga la identificación de la opción seleccionada con jQuery

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
});

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 ...

$('#my_select option:selected').attr('id');

La forma más sencilla de hacerlo es var id = $ (this) .val (); desde dentro de un evento como el cambio.