【问题标题】:How to pass the autocompleted value into another function?如何将自动完成的值传递给另一个函数?
【发布时间】:2015-03-31 12:13:37
【问题描述】:

我试图将自动完成值传递给另一个函数。

<body>
    <input id="automplete" name = "name"></input>
    <input type="submit" onclick="mufunc()"></input>
    <script>
        function mufunc(a){
            alert(a);
        }
        $(function() {
            var availableTutorials = [
                "ActionScript",
                "Boostrap",
                "C",
                "C++",
                "Ecommerce"
            ];
            $("#automplete").autocomplete({
                source: availableTutorials,
                select: function(event, ui) {
                    if (ui.item) {
                        var seqps = new mufunc(ui.item.value);
                    }
                }
            });
        });
    </script>
</body>

这里的自动完成功能很好。我试过了,它的值传递到mufunc() 函数中,当我输入提交按钮时,只会提醒自动完成的值。

但在我的脚本中,当我填写文本字段时,执行mufunc() 函数。我该如何管理它?

【问题讨论】:

  • @RoryMcCrossan 我删除并运行它但没有得到结果。
  • 这对您的具体问题没有帮助,但这是更好的做法。

标签: javascript jquery autocomplete


【解决方案1】:
<body>
    <input id="automplete" name = "name"></input>
    <input type="submit" onclick="mufunc()"></input>
    <script>
        function mufunc(){
            var a=document.getElementById('automplete').value;
            alert(a);
        }
        $(function() {
            var availableTutorials = [
                "ActionScript",
                "Boostrap",
                "C",
                "C++",
                "Ecommerce"
            ];
        $("#automplete").autocomplete({
            source: availableTutorials,
            select: function(event, ui) {
                if (ui.item) {
                    $('#automplete').val(ui.item.value);
                }
            }
        });
    });
    </script>
</body>

不将变量传递给另一个函数是可能的。因为您的textfield 值存储在autoomplete id 中,所以很容易获取此id 的值并执行此操作。

【讨论】:

    【解决方案2】:

    您输入提交按钮时只会提醒自动完成的值。您可以尝试将输入 id 传递给调用函数 onclick="mufunc(automplete)"

    【讨论】:

      猜你喜欢
      • 2011-11-09
      • 2015-12-03
      • 1970-01-01
      • 1970-01-01
      • 2016-11-24
      • 1970-01-01
      • 2021-11-09
      • 2021-01-12
      • 1970-01-01
      相关资源
      最近更新 更多