1

我已经设法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）！谢谢。

4

1 回答 1

2

刚刚发现您可以使用 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 for jQuery-UI Autocomplete submit form onclick of item from dropdown list

于 2012-11-25T13:41:14.187 回答