jquery自动完成默认值

时间:2013-02-24 01:11:52

标签: jquery jquery-ui jquery-plugins autocomplete

有没有办法如何将默认选项添加到自动完成插件,即使单词与JSON结果不匹配,也会在所有情况下显示?

这就是我要做的事情:

每当你向搜索输入写任何内容时,你应该得到“hledat vyraz {value}”作为第一个建议的选项 - 意味着执行经典搜索,因为我们可能有很多关于Adriana Lima的文章和自动完成只显示一些。所以我已将此选项添加到JSON。

它正常工作,直到我写“adriana”,关键字之后的空格导致自动完成不会显示“hledat vyraz adriana”。

有没有办法强制添加默认的第一个选项,它会一直显示?

http://www.mdls.cz上的实例。

图片:

enter image description here

1 个答案:

答案 0 :(得分:0)

您可以编写一个自定义source功能,该功能始终包含您想要的项目:

var arrayOfItems = [{title:"Something about Adriana"},
    {title:"Something about Adriana 2"},{title:"Something about Adriana 3"},
    {title:"Something else"}];

$("#input").autocomplete({
    source: function( request, response ) {
        var itemsMatched = [];
        itemsMatched.push({value: "Classic search for '" + request.term}+"'")

        $.each(arrayOfItems, function(i, item) {
            if(item.title.indexOf(request.term)>=0)
                itemsMatched.push({value: item.title});
        });

        response(itemsMatched);
    }
});

http://jsfiddle.net/pvp7x8ju/1/