如何自定义jquery自动完成以在DIV中显示
作者:互联网
我只是想知道,之前我使用过自动完成插件,但jquery网站上的示例看起来非常简单实用:
$(function() {
var availableTags = [
"ActionScript",
"AppleScript",
"Asp",
"BASIC",
"C",
"C++",
"Clojure",
"COBOL",
"ColdFusion",
"Erlang",
"Fortran",
];
$( "#tags" ).autocomplete({
source: availableTags
});
});
<div class="demo">
<div class="ui-widget">
<label for="tags">Tags: </label>
<input id="tags">
</div>
</div>
但是,发布的结果都在输入框中.当你点击结果时,它们会消失.
1)我需要结果不会消失,只要输入中的文本与数组中的某些值匹配,它就需要始终显示它.
2)结果应显示为div.我不需要点击该选项并将其显示在文本框中的功能.我真的只是想做一个动态的即时搜索.
问候,
泰勒.
解决方法:
有趣的黑客保持自动完成打开(这不回答你的问题,但也许它可以有用到达那里):
$("#tags").autocomplete({
source: availableTags,
close: function(event, ui) {
$('.ui-autocomplete').css('display', 'block')
}
});
标签:jquery,javascript,jquery-selectors,jquery-autocomplete 来源: https://codeday.me/bug/20190626/1296151.html