比较两个jquery ui自动完成组合框值？

Question

如何比较两个jquery ui自动完成组合框值，而不是jquery但<select><option value="foo"></option></select>值生成的输入值？如何获取这些值并在每次更改时对它们进行比较，或者其中之一？

Answer 1

我第一次没有正确理解你的问题。

我想你从jQuery UI Autocomplete demo page获取了组合框代码？

如果您查看代码，它会在选择发生时触发“已选择”的事件：

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'