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

Artículos relacionados

jQuery – Tutorial 01 – Introducción Pequeño vídeo de unos 4 minutos que nos introduce a la librería jQuery. Qués es? Dónde informarse? Qué podemos hacer con esta librería? En el s...
jQuery – validar grupo de checkbox con jQuer... Existe un pligin llamado Validate que puede utilizarse para validar un formulario. Seguro que muchos de vosotros ya lo sabréis. Pero cómo validamos qu...
FancyBox – Llamarlo desde una función Muchos de vosotros conoceréis FancyBox, una alternativa para Ligtht Box. Nos permite abrir ventanas modales mostrando mensajes o imágenes. Las maneras...
Asignar acción en jquery a múltiples enlaces En muchas ocasiones nos interesa que al clicar sobre los enlaces de un apartado, el que sea, se ejecute una acción determinada. Pongamos un ejemplo: ...

Deja un comentario

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

*