bootstrap動(dòng)態(tài)調(diào)用select下拉框的實(shí)例代碼
更新時(shí)間：2018年08月09日 14:49:07 作者：kobe1qiqi
今天小編就為大家分享一篇bootstrap動(dòng)態(tài)調(diào)用select下拉框的實(shí)例代碼，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
html代碼：
<label for="classify" class="col-sm-2 control-label">填報(bào)部門：</label> <div class="col-sm-3"> <select class="selectpicker form-control" data-live-search="true" name="addid" id="addid"> </select> </div>
JS代碼：
/*獲取下拉菜單*/
function showSel(){
$.ajax({
"type" : 'get',
"url": 地址,
"dataType" : "json",
"success" : function(data) {
var depart_list = data.data;
var opts = "";
for( var depart_index = 0 ; depart_index < depart_list.length; depart_index++ ){
var depart = depart_list[depart_index];
opts += "<option value='"+需要加的.id+"'>"+顯示的名稱.name+"</option>";
}
// 查詢界面
$("#addid").append(opts);
$("#addid").selectpicker("refresh");
}
});
}
這樣就可以了。
以上這篇bootstrap動(dòng)態(tài)調(diào)用select下拉框的實(shí)例代碼就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了JavaScript的查詢機(jī)制LHS和RHS解析,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-08-08
用js實(shí)現(xiàn)隨機(jī)返回?cái)?shù)組的一個(gè)元素
js實(shí)現(xiàn)隨機(jī)返回?cái)?shù)組的一個(gè)元素，這是個(gè)奇妙的方法。適合做標(biāo)題性質(zhì)文字的隨機(jī)輪換顯示2007-08-08
原生JS和JQuery動(dòng)態(tài)添加、刪除表格行的方法
這篇文章主要介紹了原生JS和JQuery動(dòng)態(tài)添加、刪除表格行的方法,涉及javascript針對(duì)頁(yè)面元素的動(dòng)態(tài)操作技巧,需要的朋友可以參考下2015-05-05
本文主要介紹了簡(jiǎn)單的漸變輪播插件，具有一定的參考價(jià)值，下面跟著小編一起來看下吧2017-01-01
uniapp 引用 js 組件的方法(場(chǎng)景分析)
在UniApp開發(fā)過程中,我們不僅需要掌握各種UI組件的使用方法,還需要了解如何在項(xiàng)目中引入JS文件,在本文中,我將介紹UniApp中如何引入JS的方法,感興趣的朋友跟隨小編一起看看吧2023-09-09
js的event詳解。...2006-09-09
three.js利用gpu選取物體并計(jì)算交點(diǎn)位置的方法示例
這篇文章主要給大家介紹了關(guān)于three.js利用gpu選取物體并計(jì)算交點(diǎn)位置的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用three.js具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-11-11
JS如何判斷移動(dòng)端訪問設(shè)備并解析對(duì)應(yīng)CSS
本文為大家詳細(xì)介紹下JS如何判斷移動(dòng)端訪問設(shè)備并解析對(duì)應(yīng)CSS，感興趣的朋友可以參考下2013-11-11
html的DOM中document對(duì)象anchors集合用法實(shí)例
這篇文章主要介紹了html的DOM中document對(duì)象anchors集合用法,實(shí)例分析了anchors集合的功能及使用技巧,需要的朋友可以參考下2015-01-01
這篇文章主要介紹了JavaScript 函數(shù)柯里化的相關(guān)資料，幫助大家更好的理解和學(xué)習(xí)JavaScript，感興趣的朋友可以了解下2020-09-09