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