bootstrap里bootstrap動(dòng)態(tài)加載下拉框的實(shí)例講解
更新時(shí)間：2018年08月10日 09:02:34 作者：榮默默
今天小編就為大家分享一篇bootstrap里bootstrap動(dòng)態(tài)加載下拉框的實(shí)例講解，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
實(shí)例如下所示：
//引入的包
<!-- 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');//動(dòng)態(tài)加載
},error:function(){
}
});
}
<select class="selectpicker" id="selectpickers">
<option>---請選擇---</option>
</select>
以上這篇bootstrap里bootstrap動(dòng)態(tài)加載下拉框的實(shí)例講解就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript中遍歷跳出循環(huán)方法總結(jié)
這篇文章主要給大家介紹了關(guān)于JavaScript中遍歷跳出循環(huán)方法的相關(guān)資料,一想到想到循環(huán)的跳出,立馬就會(huì)想到三個(gè)關(guān)鍵,break、return、continue,在業(yè)務(wù)中也會(huì)需要在遍歷的時(shí)候退出循環(huán),需要的朋友可以參考下2023-12-12
js日期時(shí)間補(bǔ)零的小例子，需要的朋友可以參考一下2013-03-03
如何解決IONIC頁面底部被遮住無法向上滾動(dòng)問題
Ionic 是目前最有潛力的一款 HTML5 手機(jī)應(yīng)用開發(fā)框架。在開發(fā)過程中我們同樣會(huì)遇到各種各樣奇葩的問題。下面小編給大家?guī)砹擞嘘P(guān)IONIC頁面底部被遮住無法向上滾動(dòng)問題的解決方案2016-09-09
這篇文章主要介紹了JS加載器如何動(dòng)態(tài)加載外部js文件的相關(guān)資料,需要的朋友可以參考下2016-05-05
JavaScript是否可實(shí)現(xiàn)多線程 深入理解JavaScript定時(shí)機(jī)制
JavaScript的setTimeout與setInterval是兩個(gè)很容易欺騙別人感情的方法,因?yàn)槲覀冮_始常常以為調(diào)用了就會(huì)按既定的方式執(zhí)行, 我想不少人都深有同感,2009-12-12
詳解JS中統(tǒng)計(jì)函數(shù)執(zhí)行次數(shù)與執(zhí)行時(shí)間
這篇文章給大家分享了JS中統(tǒng)計(jì)函數(shù)執(zhí)行次數(shù)與執(zhí)行時(shí)間的相關(guān)知識點(diǎn)內(nèi)容，有興趣的朋友們分享下。2018-09-09
一個(gè)最簡單的級聯(lián)下拉菜單...2006-12-12
圖片輪換的效果隨處可見，但是我還是試著封裝了一個(gè)函數(shù)。一個(gè)頁面上可以多次調(diào)用。。。由于初學(xué)代碼寫的不是多好，其中有個(gè)文件是可以踢出到一個(gè)js文件里的，這是為了測試方便，我都給放在了一個(gè)頁面里了。2011-09-09
js跳轉(zhuǎn)頁面想必大家不會(huì)很陌生吧，在瀏覽頁面的時(shí)候經(jīng)常會(huì)碰到這種現(xiàn)象存在如果可以延遲的話是不是會(huì)更委婉一點(diǎn)呢，接下來為大家介紹下如何實(shí)現(xiàn)，感興趣的朋友可以參考下哈2013-03-03
在一般程序設(shè)計(jì)語言中，作用域是按塊來劃分的。即“變量定義在哪個(gè)塊之內(nèi)，這個(gè)塊就是變量的有效范圍”。2010-12-12