¿hay alguna forma de que pueda activar un evento de cambio en el cuadro de selección en la carga de la página y seleccionar una opción en particular?
También la función se ejecuta agregando el disparador después de vincular la función al evento.
Estaba tratando de generar algo como esto
<select class="check">
<option value="one">one</option>
<option value="two">two</option>
</select>
$(function(){
$('.check').trigger('change'); //This event will fire the change event.
$('.check').change(function(){
var data= $(this).val();
alert(data);
});
});
Respuestas:
Use
val()
para cambiar el valor (no el texto) ytrigger()
disparar manualmente el evento.El controlador de eventos de cambio debe declararse antes del desencadenante.
Aquí hay una muestra
fuente
Para seleccionar una opción, use
.val('value-of-the-option')
en el elemento select. Para activar el elemento de cambio, use.change()
o.trigger('change')
.Los problemas en su código son la coma en lugar del punto
$('.check'),trigger('change');
y el hecho de que lo llame antes de vincular el controlador de eventos.fuente
Cambiaría el elemento desplegable de selección de etiqueta html con
id="edit_user_details"
.fuente
Otra solución de trabajo para aquellos que fueron bloqueados con el controlador de gatillo jQuery, que no se disparará en eventos nativos será el siguiente (100% de trabajo):
fuente
Dar enlaces en valor de la etiqueta de opción
fuente
Si desea hacer algunas comprobaciones, utilice de esta manera
fuente
Basado en la respuesta de Mohamed23gharbi:
En mi caso, donde los elementos fueron creados por vue, esta es la única forma en que funciona.
fuente
Puede probar el siguiente código para resolver su problema:
Por defecto, la primera opción select: jQuery ('. Select'). Find ('option') [0] .selected = true;
Gracias Ketan T
fuente