bootstrap中如何实现动态加载下拉框-创新互联-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

bootstrap中如何实现动态加载下拉框-创新互联

小编给大家分享一下bootstrap中如何实现动态加载下拉框,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

目前创新互联建站已为1000多家的企业提供了网站建设、域名、雅安服务器托管网站运营、企业网站设计、惠城网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。

实例如下所示:

//引入的包







//下拉框(代码)
function getLayerLoad(tcId){
$.ajax({ 
url:layerSelUrl,
 dataType:'jsonp',
 data:'',
 jsonp:'callback',
 async:false,
 jsonpCallback:"success_jsonpCallback",
 success:function(data){
 $("#"+tcId).empty();
 $("#"+tcId).append("");
 $.each(data.bussinessTypes,function(i,o){
 var opt="";
 if(o.url){
 opt+=''+i+'';
 
 }else{
 opt+=''+i+'';
 }
 $("#"+tcId).append(opt);
 });
 $("#"+tcId).selectpicker('refresh');//动态加载
 },error:function(){
 }
});
}



以上是“bootstrap中如何实现动态加载下拉框”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


分享文章:bootstrap中如何实现动态加载下拉框-创新互联
标题路径:http://kswsj.cn/article/csdeop.html

其他资讯