bootstrap里bootstrap动态加载下拉框的实例讲解
2018-09-24 21:52
实例如下所示:
//引入的包 <!-- 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动态加载下拉框的实例讲解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
文章标题:bootstrap里bootstrap动态加载下拉框的实例讲解
文章链接:http://soscw.com/essay/17774.html