Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/393.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 引导式提前打字点击发送表单_Javascript_Jquery_Typeahead.js - Fatal编程技术网

Javascript 引导式提前打字点击发送表单

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"&

我正在使用typeahead.js自动完成插件来获取搜索框上的建议。它工作正常,但我想在用户选择选项并单击时执行搜索。这怎么可能

<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%正确的,但这是您想要做的一般要点。