bootstrap里bootstrap动态加载下拉框的实例讲解

2018-09-24 21:52

阅读:549

  实例如下所示:

   //引入的包 <!-- bootstrap --> <link rel=stylesheet type=text/css href=map/plug-in/scripts/bootstrap/bootstrap.min.css rel=external nofollow /> <link rel=stylesheet type=text/css href=map/plug-in/scripts/bootstrap/bootstrap-select.css rel=external nofollow /> <script type=text/javascript src=map/plug-in/scripts/bootstrap/bootstrap.min.js></script> <script type=text/javascript src=map/plug-in/scripts/bootstrap/bootstrap-select.js></script> //下拉框(代码) function getLayerLoad(tcId){ $.ajax({ url:layerSelUrl, dataType:jsonp, data:, jsonp:callback, async:false, jsonpCallback:success_jsonpCallback, success:function(data){ $(#+tcId).empty(); $(#+tcId).append(<option>---请选择---</option>); $.each(data.bussinessTypes,function(i,o){ var opt=; if(o.url){ opt+=<option url=+o.url+>+i+</option>; }else{ opt+=<option url=>+i+</option>; } $(#+tcId).append(opt); }); $(#+tcId).selectpicker(refresh);//动态加载 },error:function(){ } }); } <select class=selectpicker id=selectpickers> <option>---请选择---</option> </select>

  以上这篇bootstrap里bootstrap动态加载下拉框的实例讲解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。


评论


亲,登录后才可以留言!