javascript - 将对象数组添加到 jquery-ui 自动完成中

标签 javascript jquery jquery-ui jquery-autocomplete

我正在使用jquery-ui插件,我想要完成的是使用一对值(键和标签值)的数组作为自动完成<的源 文本输入。 我的数组如下所示:

var valuesArray = [{
    label: 'Name_1',
    key: 1
}, {
    label: 'Name_2',
    key: 2
}, {
    label: 'Name_3',
    key: 3
}, {
    label: 'Name_4',
    key: 4
}];

我需要标签属性出现在文本输入中,同时在检索输入文本元素值时获取键属性。

提前致谢

最佳答案

我认为,据我了解,这就是您所需要的。

    $("#someID").autocomplete({        
    source: function(request, response) {
        var data = [{
        label: 'Name_1',
        key: 1
    }, {
        label: 'Name_2',
        key: 2
    }, {
        label: 'Name_3',
        key: 3
    }, {
        label: 'Name_4',
        key: 4
    }];

        response(data);
    },
    select: function( event, ui ) {
        $( "#someID" ).val( ui.item.key); 
        alert(ui.item.key);
        return false;
    }
});

关于javascript - 将对象数组添加到 jquery-ui 自动完成中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30173784/

相关文章:

javascript - 限制 jQuery id 字符串吗?

javascript - 在客户端设置显示没有任何 asp 面板在任何 linkBut​​tonclick 上重新显示它

javascript - 选择 2 类型错误 : b is undefined

javascript - location.href 在 ajax 之后不起作用(更多详细信息)

javascript - Laravel 5.4 Blade 和 select2 不工作

javascript - 由于类分配延迟,onclick 函数需要双击

javascript - 禁用默认工具提示

jquery-ui - Ajax 请求下的 ZendX DatePicker 问题

javascript - jQuery - 要使用实时搜索插件上的提交按钮执行搜索?

javascript - Jquery Ui 日期选择器不工作?