如何从 jQuery Autocomplete 控件检索选定的值

Question

我的代码是：

<script type="text/javascript">
    var ab;
$(function() {
        $.getJSON('jsonSample.action',null,function(json) {
            ab = json.languageList;
            $("#tags").autocomplete({
                  data:ab
              });
              });
    });
    </script>

此代码工作正常，当我开始在已实现此功能的文本框中输入内容时，显示所有建议，现在的问题是一旦选择一个值，我想触发另一个事件来自建议列表...还有一个问题是当用户从自动完成列表中选择时如何获取所选值..

我参考了 stackoverflow 中的教程 此处

 $(".tags").change(function(me) {
        alert(this.valu);
    });

此代码显示我在文本框中输入的值，它不显示我在文本框中输入的值在自动完成中选择..

我使用了另一种方法；

$(".tags").result(function(event, data, formatted) {
        var u = this;
        // Check value here

    });

当我用 firebug 检查它时，它说找不到方法 ....我想显示从自动填充列表中选择的项目，并且在我选择一个项目后它必须触发另一个事件。 。

提前致谢..

Answer 1

首先，看起来您正在将 id 选择器 #tags 与类选择器 .tags 混合在一起。

您需要一致地引用该对象（全部应该是#tags）。这应该可以解决你的问题。

另外，请考虑对建议列表中出现的对象使用 jQuery 的 .live() 方法，为它们分配点击处理程序。

Answer 2

我认为您应该使用“select”事件，并访问所选值的 ui.item.label：

$("#tags").autocomplete({
    select: function(evt, ui) {
        alert("Selected: " + ui.item.label);
    }
});

问候。