我试图模拟Youtube自动完成搜索体验.
当观众点击列出的项目并且自动继续搜索所述项目时,我找不到该选项.
我的编码如下：
<script type="text/javascript">
var data = ['array1','array2'];
$(document).ready(function() {
$j("input#directorySearch").autocomplete(data);
});
</script>
上述代码将允许用户点击列出的项目,但是它将填充搜索框而不是自动搜索.
@H_403_10@解决方法
我想要类似的行为,使用jQueryui的默认自动完成小部件.诀窍是使用’选择’事件,但是从您的选择处理程序提交将不会给出期望的结果,因为输入还没有填写选择.
以下代码适用于我：
$("input#searchBox").autocomplete({
source: autocomplete,select: function(event,ui) {
$("input#searchBox").val(ui.item.value);
$("#searchform").submit();
}
})
(在上面的示例中,“自动填充”是指向完成源的URL)
其中input#searchBox是实际的输入条目,#searchform是其父表单.基本上,您需要在提交之前填写输入.
@H_403_10@ @H_403_10@ 原文链接：https://www.f2er.com/jquery/176193.html