Javascript 引导式提前打字点击发送表单
我正在使用typeahead.js自动完成插件来获取搜索框上的建议。它工作正常,但我想在用户选择选项并单击时执行搜索。这怎么可能Javascript 引导式提前打字点击发送表单,javascript,jquery,typeahead.js,Javascript,Jquery,Typeahead.js,我正在使用typeahead.js自动完成插件来获取搜索框上的建议。它工作正常,但我想在用户选择选项并单击时执行搜索。这怎么可能 <form action="search.php" method="get"> <input name="query" class="typeahead" type="text" data-provide="typeahead" autocomplete="off" required> <button type ="submit"&
<form action="search.php" method="get">
<input name="query" class="typeahead" type="text" data-provide="typeahead" autocomplete="off" required>
<button type ="submit">Search</button>
</form>
搜寻
js函数
<script>
$('input.typeahead').typeahead({
source: function (query, process) {
$.ajax({
url: 'data.php',
type: 'POST',
dataType: 'JSON',
data: 'query=' + query,
success: function(data) {
console.log(data);
process(data);
}
});
}
});
});
</script>
$('input.typeahead')。typeahead({
来源:功能(查询、流程){
$.ajax({
url:'data.php',
键入:“POST”,
数据类型:“JSON”,
数据:“查询=”+query,
成功:功能(数据){
控制台日志(数据);
过程(数据);
}
});
}
});
});
像这样的东西应该可以
$('input.typeahead').bind("typeahead:selected", function () {
$("form").submit();
});
如果设置调试器,它是否会进入
$(“form”).submit()
行,或者甚至没有进入该函数?我使用的选择器可能对您的代码不是100%正确的,但这是您想要做的一般要点。