jquery-ui - jQuery UI 自动完成选择

标签 jquery-ui

当用户单击输入或单击鼠标时,我试图让我的表单提交。我已经看到了一些示例以及 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 部分下放置一些代码,我将不胜感激。

最佳答案

如果表单的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 .

关于jquery-ui - jQuery UI 自动完成选择,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9049339/

相关文章:

jquery - 使用 jQuery 实现定时动画

jQuery UI slider 应用于输入

javascript - jQuery - 防止可排序元素在拖动开始后返回可排序列表

jquery-ui - TypeError : $(. ..).tooltip 不是函数

javascript - JS 事件委托(delegate)对某些组件不起作用

jquery - 如何以粗体字体设置当前(今天的日期)的样式?

javascript - 使用 jQuery UI 和 RequireJs 时如何防止用户看到 "ugly"HTML 前兆?

jquery 拖放

jquery - 如何数据绑定(bind).ressized().draggable()?

javascript - 检测 jQuery 选项卡折叠事件