Question

我已经设法在我的网站上实现了jQuery自动完成插件，但是想知道一旦用户从搜索中选择一个项目，是否可以使表单自动提交。我有以下设置：

HTML表单：

<form class="quick_search" action="../include/search.php" method="post">
    <input type="text" name="search" id="search" value="Search...">
</form>

JavaScript的：

$().ready(function() {
    $("#search").autocomplete("../include/search.php", {
        width: 350,
        selectFirst: false
    });
});

我还添加了jQuery和Autoplugin脚本。 search.php文件包含搜索选项列表。

目前，搜索工作正常，我只需要在显示的列表中选择一个项目后提交表单。我尝试在搜索字段中使用onClick和onSelect选项，但这两个选项都没有正常工作。

任何帮助都会非常感激（我真的不懂js）！感谢。

Answer 1

刚刚发现你可以使用select但不能使用ui.item而是使用ui.item.value

$(document).ready(function() {
    $(function() {
        $("#search_box").autocomplete({
            source: ['Google', 'Yahoo', 'StackOverflow'],
            select: function(event, ui) {
                $(event.target).val(ui.item.value);
                $('#search_form').submit();
                return false;
            },
            minLength: 1
        });
    });
});

请参阅此小提琴http://jsfiddle.net/uXHCQ/

感谢@tim peterson jQuery-UI Autocomplete submitting form onclick of item from dropdown list

JQuery自动填充表单提交

1 个答案: