jQuery – Cómo seleccionar una opción de Select por el texto

Ya vimos en artículos anteriores cómo seleccionar una opción de un desplegable (select) por su valor. En este artículo vamos a ver cómo seleccionarlo según el texto de la opción. Me explico:

Partimos de un desplegable de provincias.

1
2
3
4
5
6
<select id="provincia">
<option value="1">Tarragona</option>
<option value="2">Albacete</option>
<option value="3">Castellón</option>
<option value="4">Almería</option>
</select>

En un artículo anterior aprendimos que podíamos seleccionar una de las opciones a partir de su valor:

1
$("#provincia option[value="+ valor +"]").attr("selected",true);

Pero también podemos seleccionar la opción según el texto que contenga (Tarragona, Albacete…). Cómo?

1
$("#provincia option:contains(Tarragona)").attr('selected', true);

De este modo, seleccionamos la opción Tarragona.

Aquí tenéis el código en acción:

See the Pen jQuery – Seleccionar opción desplegable Select by Trescomatres (@trescomatres) on CodePen.

Espero que os haya sido de utilidad.

Más información

Información relacionada

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

*