在jQuery自动完成中添加搜索文本

Question

我有输入用户输入时必须显示的数组列表。我已经使用了jQuery autocomplete插件来实现此目的，但我必须将搜索文本显示为自动完成列表中的新选项。例如

我看了搜索和打开方法但我无法理解它。基本上我想在源中添加搜索文本，然后再次绑定下拉列表。这是fiddle

$( "#tags" ).autocomplete({
    source: aTags, 
    search:function(){
    },
    open:function(){
    }
});

Answer 1

我不确定您是否正在寻找，但在search事件方法中，您可以使用新值更新数组，{{3} }（请查看本节底部）。

var aTags = ["ask", "always", "all", "alright", "one", "foo", "blackberry", "tweet", "force9", "westerners", "sport"],
    // store array length:
    len = aTags.length,
    // cache the element:
    tagsElem = $("#tags");

tagsElem.autocomplete({
    source : aTags,
    search : function( event, ui ) {
        // update array (replace/append value at the end of the array) :
        aTags[len] = tagsElem.val();
        // reset autocomplete source:
        tagsElem.autocomplete( "option", "source", aTags);
    },
    // EDIT:
    open: function( event, ui ) {
        // append "new" text to the last option:
        $('.ui-autocomplete li:last a').append(' <span style="color:red;">new</span>');
    }

});

reset the source option, after the plugin has been initialized JSFiddle