通过搜索和追加自动完成

时间:2019-01-09 07:22:53

标签: javascript autocomplete

我正在尝试使用autocomplete.js插件。目前,它为我提供了搜索和选择的功能。如何实现搜索和追加。

示例:如果我的数据集是[“ one”,“ two”,“ 3”],并且我输入“ one”并选择它,然后在给出空格的情况下应该再次显示建议,并在选择后附加两个像“一二”的建议,而不仅仅是一。

github网址:https://github.com/algolia/autocomplete.js/#jquery

1 个答案:

答案 0 :(得分:-1)

如果正在使用Web应用程序。尝试以下代码。

在标题标签中使用。或在js文件中

 <script>

$( function() {

var availableTags = [

"ActionScript",

"AppleScript",

"Asp",

"BASIC",

"C",

"C++",

"Clojure",

"COBOL",

"ColdFusion",

"Erlang",

"Fortran",

"Groovy",

"Haskell",

"Java",

"JavaScript",

"Lisp",

"Perl",

"PHP",

"Python",

"Ruby",

"Scala",

"Scheme"

];

$( "#tags" ).autocomplete({

source: availableTags

});

} );

</script>

在正文中使用以下内容。

<div class="ui-widget">

<label for="tags">Tags: </label>

<input id="tags">

</div>