javascript - ejemplo - jquery autocomplete select

¿Comparando dos valores de combobox de autocompletar de jquery ui?

Question

¿Cómo comparar dos valores de combobox de autocompletar de jquery ui, no valores de entrada generados por jquery pero valores de <select><option value="foo"></option></select> ? ¿Cómo obtener estos valores y compararlos, cada vez que se cambian, ya sea uno de ellos?

Answer 1

Intente almacenar cada valor en un elemento, utilizando el método de datos jquerys: http://api.jquery.com/data/

Ejemplo de uso:

$(''#combobox10'').data(''key'', ''value'');

editar:

Establezca el valor:

$(''#combobox10'').data(''key'', ''foo'');

Obtenga el valor:

var combobox10value = $(''#combobox10'').data(''key'');
alert(combobox10value); // will alert ''foo''

Answer 2

No entendí tu pregunta correctamente la primera vez.

Supongo que tomaste el código del combobox de la página de demostración de jQuery UI Autocomplete .

Si observa el código, desencadena un evento "seleccionado" cuando ocurre una selección:

select: function(event, ui) {
    ui.item.option.selected = true;
    // triggers the "selected" event
    self._trigger("selected", event, {
        item: ui.item.option
    });
},

Como el ejemplo del cuadro combinado utiliza la fábrica de widgets de jQuery UI, puede vincular fácilmente un controlador de eventos para este evento de las opciones al inicializar la instancia del complemento:

$( "#combobox" ).combobox({ 
    selected: function(e, ui) {
        // in here "ui.item" is the <option> selected
        // so you can use "ui.item.value"
    }
});

Esto actuará como una especie de "controlador de cambios". En él, tiene acceso al valor a través de ui.item.value .

Ejemplo de trabajo en jsfiddle .