Question

我似乎无法让这个自动完成工作。我在搜索字段中使用它：

<input type="text" data-cat="1" class="form-control interest-search" placeholder="Find some interests">

然后我向我的服务器发出ajax请求，在数据库中搜索类似的项目：

var search = null;
$(document).on('keyup', '.interest-search', function(){
    clearTimeout(search);
    var $this = $(this);
    search = setTimeout(function(){
        var search = $this.val();
        var category = $this.attr('data-cat');
        $.post('/suggest/interest', JSON.stringify({interest: search, category: category}), function(data){
            $('input[data-cat=' + category + ']').autocomplete({
                source: data
            });
        }, 'json');
    }, 200);
});

然后我得到一个json数组结果，如下所示：

[
    {"label":"biking","value":"2","total":"1"},
    {"label":"billiards","value":"3","total":"3"}
]

但是会发生什么，没有任何表现。我也没有错误。

这是一个小提琴：http://jsfiddle.net/s7zakqzo/

Answer 1

var search = null;

var data = [
    {label:"biking",value:"2",total:"1"},
    {label:"billiards",value:"3",total:"3"}
];

$(document).on('keyup', '.interest-search', function(){
    clearTimeout(search);
    var $this = $(this);
    search = setTimeout(function(){
        var search = $this.val();
        $this.autocomplete({
            source: data
        });
    }, 200);
});

将$('input[data-cat=' + category + ']')更改为$this。它解决了这个问题。

jQuery自动填充不显示值

1 个答案: