jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jQueryUI自动完成值不同于标签大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个jQuery UI自动完成,工作正常,如果返回的json对象如下所示:
label:name
value:name

然后,它搜索我的名字,当用户选择一个时,它用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"}]

解决方法

没有内在的方法来做到这一点.相反,您应该覆盖 select event,并自己更新输入值;
$("#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
});

大佬总结

以上是大佬教程为你收集整理的jQueryUI自动完成值不同于标签全部内容,希望文章能够帮你解决jQueryUI自动完成值不同于标签所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。