Question

我有以下代码，自动完成工作正常，但是无论是通过Enter还是单击选择值，它都不会提交表单： js文件：

$(document).ready(function() {
    $("#search").autocomplete(
                {
         source:'autocomplete.php',
                 minLength:1,
                 autoFocus: true,
                 delay: 100,
                 select: function(event, ui) {
                    $("#search").val(ui.item.label);
                    $("#searchForm").submit();
                 }
    });
});

我的php文件包含以下表单：

<form action="search_results.php" method="GET" id="searchForm" name="searchForm">
    <input type="text" name="search" id="search" >
    <input type="submit" value="GO!" id="submit">
</form>

我不知道为什么自动提交不起作用！任何帮助将不胜感激

Answer 1

您的提交input的ID为submit。这显然与name属性为“submit”时的问题相同，jQuery不喜欢它。

只需更改提交input的ID，如：

<input type="submit" value="GO!" id="submitForm">

jQuery自动完成选择事件以自动提交表单不起作用

1 个答案: