16

jQuery UI Autocomplete如果返回的json对象如下所示,我有一个可以正常工作的:

label:name
value:name

然后它通过 myname 进行搜索,当用户选择一个时,它会使用 myname 填充输入框。

但我想要的是 json 对象看起来像这样:

label:name
value:id

当我这样做时,自动完成会使用 id 号而不是名称字符串填充输入框。

如何让自动完成将显示的文本设置为名称,将隐藏的值设置为值?

我在官方文档中看不到任何方法可以做到这一点。

这是我的自动完成:

$("#eventAccount").autocomplete({
        minLength: 2,
        source: function (request, response) {
            var term = request.term;
            if (term in cache) {
                response(cache[term]);
                return;
            }

            request.e = "getMyAccountAutocomplete";

            $.getJSON("/admin/ajaxController.php", request, function (data, status, xhr) {
                cache[term] = data;
                response(data);
            });
        }
    });

它回来的JSON:

[{"label":"My fancy name","value":"229"}]
4

1 回答 1

11

没有内置的方法可以做到这一点。相反,您应该覆盖select事件,并自己更新input值;

$("#eventAccount").on("autocompleteselect", function (e, ui) {
    e.preventDefault(); // prevent the "value" being written back after we've done our own changes

    this.value = ui.item.label;
    // Put ui.item.value somewhere
});
于 2013-04-30T20:45:04.733 回答