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

TimePicker trabajar con horas en jQuery Ui Los que utilizamos jQuery UI para crear nuestros paneles de administración, disponemos de un widget, datepicker, que nos permite trabajar con fechas. ...
jQuery UI – Tutorial 3 – Widget Date P... Breve tutorial que se muestra cómo utilizar el widget Date Picker de la librería jQuery UI. Un widget que facilita al usuario insertar una fecha en un...
bideo.js – poner video en el fondo de página... Librería que permit de forma sencilla, poner un video como fondo en una página web. Es muy utilizado en páginas de inicio para intentar impactar al vi...
jQuery – Saber si un checkbox está seleccion... A la hora de enviar formularios, nos puede interesar saber si un checkbox está o no seleccionado. Para ello, jQuery nos proporciona una forma muy senc...

Deja un comentario

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

*