jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery-ui – 不使用label,value,id的JQuery Autocomplete大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
是否可以让 JQuery Autocomplete工作而不使用传统的id,label,value?

例如,我不想使用:

[ { "id": "Botaurus stellaris","label": "Great Bittern","value": "Great Bittern" },{ "id": "Asio flammeus","label": "Short-eared Owl","value": "Short-eared Owl" }]

反而:

[ { "my_id": "Botaurus stellaris","first_name": "Great Bittern","last_name": "Great Bittern" },{ "my_id": "Asio flammeus","first_name": "Short-eared Owl","last_name": "Short-eared Owl" }]

那么,JQuery自动完成通常需要id,value,我可以将它带到my_id,first_name,last_name并使Jquery Autocomplete像同样的id,value一样吗?

当我不希望修改来自数据源的数据键时,这可能很有用,可以在JQuery Autocomplete上显示它.

解决方法

没关系,

从JQueryUI的Autocomplete示例源中找到答案:

$( "#city" ).autocomplete({
        source: function( request,response ) {
            $.ajax({
                url: "http://ws.geonames.org/searchJSON",dataType: "jsonp",data: {
                    featureClass: "P",style: "full",maxRows: 12,name_startsWith: request.term
                },success: function( data ) {
                    response( $.map( data.geonames,function( item ) {
                        return {
                            label: item.name + (item.adminName1 ? "," + item.adminName1 : "") + "," + item.countryName,value: item.name
                        }
                    }));
                }
            });
        },minLength: 2
    });

这里,source被分配了一个函数,它可以转换并返回任何类型的键,转换为JQuery的Autocomplete的id,label.

可能会有所帮助.

大佬总结

以上是大佬教程为你收集整理的jquery-ui – 不使用label,value,id的JQuery Autocomplete全部内容,希望文章能够帮你解决jquery-ui – 不使用label,value,id的JQuery Autocomplete所遇到的程序开发问题。

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

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