Con el siguiente código HTML:

<select id="savedSearchSelect">
    <option value="10024">All docs.true</option>
    <option value="10028">fgfd.false</option>
    <option value="10029">htyu.false</option>
    <option value="10030">dffdgb.false</option>
    <option value="10031">Puppy.false</option>
    <option value="10056">Puppy 2.false</option>
    <option value="10057">Puppy 3.false</option>
    <option value="10058">Puppy 4.false</option>
    <option value="10059">Puppy 5.false</option>
    <option value="10060">Puppy 6.false</option>
</select>

Me inicializar un combobox:

$("#savedSearchSelect").combobox();

Más adelante en el código – me activar manualmente una opción seleccionado en el select subyacente:

 $("#savedSearchSelect option:eq(2)").attr("selected", "selected");

¿Cuál es el siguiente paso para desencadenar en la interfaz de usuario jquery combobox que el tema ha sido elegido?

Demo de mi problema en jsFiddle ya está aquí:
http://jsfiddle.net/Wg6sR/7/

  • todos jsFiddles en las preguntas, las respuestas son vencida/recursos no se encuentra por favor alguien puede actualizar?

2 Comentarios

  1. 9

    Escucha para el evento de cambio en la selección y actualizar el campo en consecuencia:

    $("#savedSearchSelect").change(function() {
        $(this).next().val($(this).children(':selected').text());     
    });

    http://jsfiddle.net/Wg6sR/8/

    • Gracias por la idea, que resuelve la mitad del problema – pero todavía no se disparará el seleccionado o modificación de un evento: jsfiddle.net/wtvamp/Wg6sR/11
    • jsfiddle.net/Wg6sR/12 aquí tienes; activar la ‘autocompletar’ de evento seleccionado, y agregar una escucha para el evento a la entrada creada por el combobox de la llamada.
    • Ok – lo he estado jugando un poco más – y cuando puedo activar la función autocompletar, la interfaz de usuario parece estar vacía – cualquier forma de solucionarlo? jsfiddle.net/wtvamp/Wg6sR/13
    • el objeto de evento se pasa automáticamente, pero usted puede construir y pasar el ui objeto de sí mismo: jsfiddle.net/Wg6sR/14 Mira mi ejemplo y tratar de seleccionar una opción de la lista desplegable, a continuación, con el campo de entrada. Usted debe ver objetos similares en la consola (en la etiqueta se está mostrando muy extraña en el «real» ui objeto, pero creo que es algo para hacer con jsfiddle.)
    • Bella – me engañó e hizo algo de funky de la cadena de manip con el evento -, pero creo que voy a volver y hacer de este lugar. Todos los internets para usted!
  2. 2

    Fuego el evento de cambio en la selección como esta:

        $("#savedSearchSelect").change()

    Esto debe suceder después de que la unión proporcionada por Mathletics.

    http://jsfiddle.net/PzsJg/1/

    Esto es un poco más elegante, OMI: http://jsfiddle.net/PzsJg/3/

    • Gracias. Esto me tiene pasado un problema que estaba teniendo (sincronización de dos comboboxes). Parece tan simple en retrospectiva… :p

Dejar respuesta

Please enter your comment!
Please enter your name here