Jquery 格式化包含json的Select2下拉列表结果

Jquery 格式化包含json的Select2下拉列表结果,jquery,json,select,jquery-select2,ui-select2,Jquery,Json,Select,Jquery Select2,Ui Select2,我使用select2下拉控件显示设备列表,例如设备A、B、C…等。以及它的位置细节。我正在寻找以下输出 目前,我可以显示“设施名称”,但希望显示json对象中的城市和州。 如何设置结果格式,使其显示为上述html格式? 这是到目前为止我的代码 <input type="hidden" id="ddlFacility" style="width:100%" /> $("#ddlFacility").select2({ placeholder: "Select a F

我使用select2下拉控件显示设备列表,例如设备A、B、C…等。以及它的位置细节。我正在寻找以下输出

目前,我可以显示“设施名称”,但希望显示json对象中的城市和州。 如何设置结果格式,使其显示为上述html格式? 这是到目前为止我的代码

<input type="hidden" id="ddlFacility" style="width:100%" />

$("#ddlFacility").select2({
        placeholder: "Select a Facility",
        ajax: {
            url: "my url",
            dataType: 'json',
            type: "GET",
            quietMillis: 50,
            data: function ( term ) { return { term: term }; },
            results: function (data) {
                return {
                    results: $.map(data, function (item) {
                        return { text: item.FacilityName, id: item.FacilityId }
                    })
                };
            }
        }
    });

$(“#DDL设施”)。选择2({
占位符:“选择一个设施”,
阿贾克斯:{
url:“我的url”,
数据类型:“json”,
键入:“获取”,
安静百万:50,
数据:函数(术语){return{term:term};},
结果:功能(数据){
返回{
结果:$.map(数据、功能(项目){
返回{text:item.FacilityName,id:item.FacilityId}
})
};
}
}
});

在select2选项中,传递类似这样的函数,并根据需要设置类的样式

...
placeholder: "Select a Facility",
    formatResult: function(item)
    { 
         return '<div class="facility">' + item.text + '</div><span class="city">' + item.city + '</span></div>';
    },
 ...
。。。
占位符:“选择一个设施”,
formatResult:函数(项)
{ 
返回“”+item.text+“”+item.city+“”;
},
...
除了id和文本外,您可能还需要.map函数包含Facilityname和City值


如果希望所选值看起来相同,请对formatSelection选项使用相同的功能

谢谢!这很有帮助。只是一个小的更正,在格式结果中,我必须将“item.text”改为“item.FacilityName”,否则它将返回“undefined.Yup!”!我忘了它已经被映射到id和文本。我已经为其他找到这个的人准备好了。