如何在jquery自动完成中的onkeyup事件中添加自定义新选项

时间:2014-11-09 05:23:12

标签: javascript jquery autocomplete

让我在jquery autocomplete实现的文本框中搜索 hello world 。我的系统有此关键字,因此自动填充功能会将此关键字显示为建议,但我想添加一个新选项 hello world

请看下面的图片了解我的意思。 enter image description here

1 个答案:

答案 0 :(得分:3)

请参阅http://jsfiddle.net/01rbk4cx/

您可以使用搜索完成后和显示选择之前运行的response; http://api.jqueryui.com/autocomplete/#event-response

只需使用回调并将输入值添加到搜索结果中:

$( "#tags" ).autocomplete({
     source: availableTags,
     response: function(e, ui){
         ui.content.push({ label: $("#tags").val(), 
                           value: $("#tags").val()});
     }
})