Сравнивая два значения в выпадающем списке автозаполнения jquery ui?

Question

Как сравнить два значения в выпадающем списке автозаполнения jquery ui, а не входные значения, сгенерированные jquery, а <select><option value="foo"></option></select> значения?Как получить эти значения и сравнить их, каждый раз, когда они меняются, одно из них?

Answer 1

Я не совсем правильно понял ваш вопрос с первого раза.

Полагаю, вы взяли код со списком со страницы демонстрации jQuery UI Autocomplete ?

Если вы посмотрите на код, он вызывает событие «выбрано», когда происходит выбор:

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

Поскольку в примере со списком используется JQuery UI Widget Factory, вы можете легко связать обработчик событий для этого события из параметров при инициализации экземпляра плагина:

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

Это будет действовать как своего рода «обработчик изменений». В нем у вас есть доступ к значениям от до ui.item.value.

Рабочий пример для jsfiddle .

Answer 2

Попробуйте сохранить каждое значение в элементе, используя метод данных jquerys: http://api.jquery.com/data/

Пример использования:

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

редактирование:

Установите значение:

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

Получить значение:

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