jQuery – Seleccionar opción de un desplegable

Si buscáis por internet cómo seleccionar valores de un desplegable con jQuery os saldran multitud de ejemplos en los que todo el mundod ice que les funciona. Todo está sujeto a qué versión de jquery se trabaje, qué navegador… Es por eso que aquí os dejo unos ejemplos que podréis probar para ver si a vosotros os funciona.

Seleccionar una opción determinada
$('#id option[value=valorDeLaOpcionDelSelect]').prop('selected', 'selected');
Si no te funciona, prueba:
$('#id option[value=valorDeLaOpcionDelSelect]').attr('selected', 'selected');

Seleccionar la primera opción del select
$("#id option:first").prop("selected", "selected");
En ocasiones, no funciona y hay que asegurarnos de antes de seleccionar, limpiar la selección anterior:

$("#target option:selected").attr("selected", false);
$("#id option:first").attr("selected", "selected");

Si no os funciona con este código, probad:

$("#target option:selected").prop("selected", false);
$("#id option:first").prop("selected", "selected");

Otra, un poco mas rebuscada
$("select[name='nombreDelSelect']").find("option[value='valorDeLaOpcion']").attr("selected",true);

Bueno, son varios ejemplos para hacer una función parecida. El escoger cual os sirve, es cosa vuestra.

Espero que os sea de utilidad.

Artículos relacionados

jQuery – Validar formulario antes de enviarl... Os dejamos un videotutorial que detalla cómo validar un formulario antes de enviarlo, mostrando al usuario qué error está cometiendo y en que campo. V...
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 – 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: ...
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...

Deja un comentario

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

*