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 – Ejecutar función cuando cambie cont... ¿Cómo ejecutar una función cuando cambia el contenido en un textbox en un formulario web? Hay diferentes formas de hacerlo. Veamos qué formas: ...
Primer contacto con jQuery Como indican en la web oficial, jQuery es una librería para JavaScript que facilita la programación en las tareas de eventos, crear animaciones y efec...
elrte – Editor de texto WYSIWYG para tus apl... Os damos a conocer uno de los editores de texto mas completos que existen para tus aplicaciones web, elrte. Cómo se utiliza ? Primero hay que de...
JQuery – Trigger – Como ejecutar un cl... En muchos ocasiones nos puede interesar simular el click de un usuario sobre un enlace. Dicho de otro modo, provocar el click en un enlace sin que sea...

Deja un comentario

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

*