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

时间:2015-05-11 17:17:10

标签: javascript jquery jquery-ui jquery-autocomplete

我正在使用jquery-ui插件,我想要完成的是使用一对配对值(键值和标签值)作为autocomplete文本的来源输入。 我的数组看起来像:

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

我在检索输入文本元素值时获取key属性时需要label属性出现在文本输入中。

提前致谢

2 个答案:

答案 0 :(得分:1)

我认为根据我的理解,这就是你所需要的。

    $("#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;
    }
});

答案 1 :(得分:0)

如果我理解正确,您可以使用本文所述的方法 - Autocomplete - Custom data and display