bootstrap里bootstrap動(dòng)態(tài)加載下拉框的實(shí)例講解
更新時(shí)間：2018年08月10日 09:02:34 作者：榮默默
今天小編就為大家分享一篇bootstrap里bootstrap動(dòng)態(tài)加載下拉框的實(shí)例講解，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
實(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>---請(qǐng)選擇---</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>---請(qǐng)選擇---</option>
</select>
以上這篇bootstrap里bootstrap動(dòng)態(tài)加載下拉框的實(shí)例講解就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript中的6種變體函數(shù)的區(qū)別和應(yīng)用
JavaScript?中函數(shù)調(diào)用有許多獨(dú)特的變體方式,例如?~function、-function?等,這些變體不僅展現(xiàn)了?JavaScript?語(yǔ)言的靈活性,也可以在某些場(chǎng)景下讓代碼更加簡(jiǎn)潔,本文將通過(guò)示例代碼和解析,來(lái)全面剖析這些特殊的函數(shù)調(diào)用方式及其返回值的區(qū)別2025-01-01
JavaScript對(duì)數(shù)字的判斷與處理實(shí)例分析
這篇文章主要介紹了JavaScript對(duì)數(shù)字的判斷與處理方法,實(shí)例分析了javascript判斷數(shù)字的常見(jiàn)方法與針對(duì)數(shù)字處理的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02
層的移動(dòng)本來(lái)很簡(jiǎn)單，用jquery插件或者自己寫(xiě)一個(gè)也不難，但是最近一個(gè)ipad項(xiàng)目里，發(fā)現(xiàn)用手移動(dòng)div會(huì)感覺(jué)很卡，體驗(yàn)很差（可能是ipad的配置根不上pc）。2010-11-11
js點(diǎn)擊頁(yè)面其它地方將某個(gè)顯示的DIV隱藏
今天一朋友問(wèn)我 點(diǎn)擊一按鈕彈出一個(gè)DIV，然后要求點(diǎn)擊頁(yè)面其它地方隱藏這個(gè)DIV2012-07-07
Uniapp微信小程序?qū)崿F(xiàn)全局事件監(jiān)聽(tīng)并進(jìn)行數(shù)據(jù)埋點(diǎn)的方法
niapp起源?uni-app是一個(gè)使用Vue.js開(kāi)發(fā)所有前端應(yīng)用的框架,下面這篇文章主要給大家介紹了關(guān)于Uniapp微信小程序?qū)崿F(xiàn)全局事件監(jiān)聽(tīng)并進(jìn)行數(shù)據(jù)埋點(diǎn)的相關(guān)資料,需要的朋友可以參考下2022-11-11
js實(shí)現(xiàn)json數(shù)組分組合并操作示例
這篇文章主要介紹了js實(shí)現(xiàn)json數(shù)組分組合并操作,涉及javascript針對(duì)json數(shù)組的遍歷、判斷、添加、賦值等相關(guān)操作技巧,需要的朋友可以參考下2019-02-02
JavaScript實(shí)現(xiàn)同一頁(yè)面內(nèi)兩個(gè)表單互相傳值的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)同一頁(yè)面內(nèi)兩個(gè)表單互相傳值的方法,涉及javascript鼠標(biāo)事件及頁(yè)面元素賦值操作的相關(guān)技巧,需要的朋友可以參考下2015-08-08
JavaScript讀取中文cookie時(shí)的亂碼問(wèn)題的解決方法
讀取中文cookie時(shí)出現(xiàn)亂碼，下面是具體的解決方法，大家以后使用過(guò)程中，盡量不要用中文。2009-10-10
這篇文章主要介紹了javascript清空table表格的方法,涉及javascript操作table表格的技巧,需要的朋友可以參考下2015-05-05
微信小程序 功能函數(shù)小結(jié)(手機(jī)號(hào)驗(yàn)證*、密碼驗(yàn)證*、獲取驗(yàn)證碼*)
這篇文章主要介紹了微信小程序功能函數(shù)手機(jī)號(hào)驗(yàn)證、密碼驗(yàn)證，獲取驗(yàn)證碼*的相關(guān)代碼，非常不錯(cuò)，具有參考借鑒價(jià)值,需要的朋友可以參考下2017-12-12