[2021] ¿Cómo eliges una opción específica en un elemento SELECT en jQuery? {DH}


Hay varias formas de hacer esto, pero el enfoque más limpio se ha perdido entre las mejores respuestas y muchos argumentos. val(). Además, algunos métodos han cambiado con jQuery 1.6, por lo que se requiere una actualización.

Para los siguientes ejemplos usaré la variable $select es un objeto jQuery que apunta a lo que quieres <select> Día, por ejemplo por lo siguiente:

var $select = $('.selDiv .opts');

Nota 1: use val () para coincidencias de valores:

Para hacer coincidir valores, use val() es mucho más fácil que usar un selector de atributos: https://jsfiddle.net/yz7tu49b/6/

$select.val("SEL2");

La versión setter de .val() se implementa en select Etiquetas que el selected Propiedad de un partido option con el mismo valuepara que funcione bien en todos los navegadores modernos.

Nota 2: use prop (‘seleccionado’, verdadero):

Si desea establecer directamente el estado seleccionado de una opción, utilice prop (No attr) con un boolean Parámetro (en lugar del valor de texto selected):

p.ej. https://jsfiddle.net/yz7tu49b/

$option.prop('selected', true);  // Will add selected="selected" to the tag

Nota 3: Permitir valores desconocidos:

Cuando usas val() Seleccione un <option>, pero el valor no coincide …


Seguir Leyendo:
[2021] ¿Cómo eliges una opción específica en un elemento SELECT en jQuery? {DH}

Publicaciones Similares

Deja una respuesta

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