javascript - 选择自动完成建议时如何提交表单

Question

我正在使用 jquery-ui 自动完成功能，但没有得到我需要的东西。我已经启用了自动完成功能，但现在它的行为就是这样。

1. 用户开始输入并获得建议
2. 用户找到所需的建议，然后按 Enter 键将建议放入文本框中
3. 用户按“Enter”键提交表单

我想结合 #2 和 #3 中发生的情况，以便用户做出选择，按“回车”，然后提交表单。

我找到了一些posts with similar issues ，但我一直无法找到适合我的解决方案。我认为这应该有效...但事实并非如此。

HTML

    <form accept-charset="UTF-8" action="/contacts" method="get"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="&#x2713;" /></div>
        <input id="search" name="search" size="30" type="text" />
        <input class="button medium blue1" type="submit" value="Search" />

Javascript

  $(document).ready(function() {
      $("#search").autocomplete({
        source: "/search_suggestions",
        autoFocus: true,
        select: function(event, ui) {
                        $(event.target).val(ui.item.value);
                        $('#search').submit();
                        return false;
                    }
        });
      });

我做错了什么？

更新:谢谢大家的快速回复!

Answer 1

您正在尝试在文本框而不是表单上运行搜索!

$('#search').closest("form").submit();

或者在表单中添加一个id并替换

$('#searchFormsIdHere').submit();