Recuperar texto de opción de la lista desplegable de jQuery

Para obtener el texto asociado con una etiqueta de opción específica en una lista desplegable de jQuery , utilice la siguiente técnica:

Opción basada en valor

Para obtener el texto de una opción con un valor específico, incluso si no está seleccionada, emplee el selector :

$("#list option[value='2']").text();

Este selector coincide con la etiqueta de opción que tiene el valor '2' y recupera su texto content.

Opción seleccionada

Para obtener el texto de la opción actualmente seleccionada, independientemente de su valor, utilice este selector:

$("#list option:selected").text();

Este selector coincide con la etiqueta de opción seleccionada y extrae su contenido de texto.

Tenga en cuenta que el enfoque inicial de usar $("#list[ valor='2']").text(); no producirá el resultado deseado, ya que intenta encontrar el elemento completo con el atributo value='2', que no existe.