javascript - attribute - title css

Elegido selecciona una opción por defecto con jQuery

Question

Tengo un cuadro de selección con opciones y estoy usando jQuery "Elegido" en una vista Zend. Este plugin está funcionando bien.

Javascript:
$(''#select_type'').chosen();

Mi problema es que necesito seleccionar una de las opciones cuando la página se carga según el valor de type_id. Intenté esto:

document.getElementById(''select_type'').value = ''<?=$this->type_id?>'';

Esto cambia su valor pero la opción no está seleccionada en la JQuery elegida.

¿Algunas ideas?

EDITAR: La opción cambia con éxito haciendo lo que he mencionado anteriormente, pero no actualiza / cambia el elemento seleccionado en el complemento "elegido" de jQuery. Mi pregunta es sobre la actualización del valor seleccionado para jQuery Chosen, no el HTML SELECT (que he hecho con éxito). Aquí hay un enlace a jQuery Chosen plugin

Answer 1

Actualizar lista con JS

Después de ejecutar:

document.getElementById(''select_type'').value = ''<?=$this->type_id?>'';

Para la versión elegida 1 y superior (más reciente)

Deberías llamar:

$(''#select_type'').trigger(''chosen:updated'');

Tomado de la documentación elegida :

Actualizando Elegido Dinámicamente

Si necesita actualizar las opciones en su campo de selección y quiere que Elegido recoja los cambios, deberá activar el evento "elegido: actualizado" en el campo. Chosen se reconstruirá basándose en el contenido actualizado.

$("#form_field").trigger("chosen:updated");

Ver el registro de cambios para el anuncio de este cambio de API.

Para las versiones elegidas por debajo de 1 (más antiguas)

Deberías llamar:

$(''#select_type'').trigger(''liszt:updated'');

Tomado de la documentación elegida :

Actualizando Elegido Dinámicamente

Si necesita actualizar las opciones en su campo de selección y desea que Chosen recoja los cambios, deberá activar el evento "liszt: updated" en el campo. Chosen se reconstruirá basándose en el contenido actualizado.

• Versión de jQuery : $("#form_field").trigger("liszt:updated");
• Versión de prototipo : Event.fire($("form_field"), "liszt:updated");

Establece el valor antes de llamar a Elegido

En lugar de hacer esto desde JS, ¿por qué no configura la opción seleccionada en el HTML antes de llamar al complemento Chosen con JavaScript? Está configurando el valor de un fragmento de PHP, así que no veo por qué no se pudo hacer esto.

Answer 2

Intenta lo siguiente:

$("#choen-presentacion").val(value.id_presentacion).trigger(''chosen:updated'')

Answer 3

Prueba esto:

$("#select_type").val(<?=$this->type_id?>).trigger(''change'');
$(''#select_type'').trigger(''liszt:updated'');

Answer 4

Prueba esto:

$(''#select_type'').val(''<?=$this->type_id;?>''); // Select the value before .chosen();
$(''#select_type'').chosen();

Answer 5

Simplemente puede establecer los elementos correctos con el atributo seleccionado así:

<select name="teams[]" data-placeholder="Chose an option:"
class="chzn-select" multiple tabindex="6">
<option value=""></option>
<option selected="selected">Dallas Cowboys</option>
<option selected="selected">New York Giants</option>
<option>Philadelphia Eagles</option>
<option>Washington Redskins</option>
</select>

Elegido se encargará de inicializarse y mostrar las dos opciones preseleccionadas.

Answer 6

$(''#select_type'').val(''<?=$this->type_id?>'');

intentalo