jQuery UI Autocompleteselect

Question

我想在用户点击输入或鼠标点击时提交表单。我在jQuery UI站点上看到了一些示例和示例。我关注的例子是jQuery UI autocomplete submit onclick result。因此我的代码看起来像这样。

<script type="text/javascript">
$(document).ready(function() {
    $("#myInput").autocomplete({
        source: "fh_autocomplete_search.php",
        minLength: 2,
        select: function(event, ui) {
            if(ui.item){
                $("#myInput").value(ui.item.value);
            }
            $("#myInput").submit();
        }
    });
    $( "#myInput" ).bind( "autocompleteselect", function(event, ui) {

    })
});
</script>

我不确定代码的.bind部分应该包含哪些内容。或者甚至是它甚至在做什么。我一直在这里阅读它，但仍然没有点击http://api.jquery.com/bind/当我在其下面发出警报并从#myInput框中选择一个ui.item时，警报就会消失。但没有任何填充或提交。如果我在if（ui.item）部分下面发出警报，它就不会响起。如果有人可以向我解释发生了什么，并建议将一些代码置于.bind部分之下，我将非常感激。

Answer 1

如果表单的ID为myForm：

$(document).ready(function() {
    $("#myInput").autocomplete({
        source: "fh_autocomplete_search.php",
        minLength: 2,
        select: function(event, ui) {
            $("#myInput").val(ui.item.value);
            $("#myForm").submit();
        }
    });
});

另见this example。

Answer 2

我不完全确定您需要为“autocompleteselect”事件编写代码。该事件的默认行为是使用项目菜单中的用户选择替换文本框中的文本。