javascript - JQuery 自动完成表单提交

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
        });
    });
});​

请参阅此 fiddle http://jsfiddle.net/uXHCQ/

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