bootstrap動(dòng)態(tài)調(diào)用select下拉框的實(shí)例代碼
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)文章
前端實(shí)現(xiàn)文件的斷點(diǎn)續(xù)傳(前端文件提交+后端PHP文件接收)
本文通過(guò)斷點(diǎn)續(xù)傳的簡(jiǎn)單例子(前端文件提交+后端PHP文件接收),本文以圖片為實(shí)例給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,感興趣的朋友一起看看吧2016-11-11兼容IE和Firefox的javascript獲取iframe文檔內(nèi)容的函數(shù)
兼容IE和Firefox的javascript獲取iframe文檔內(nèi)容的函數(shù),需要的朋友可以參考下。2011-08-08javascript正則表達(dá)式模糊匹配IP地址功能示例
這篇文章主要介紹了javascript正則表達(dá)式模糊匹配IP地址功能,結(jié)合簡(jiǎn)單實(shí)例形式演示了JS模糊匹配IP地址的實(shí)現(xiàn)方法,涉及針對(duì)數(shù)字及字符串的相關(guān)正則判定與匹配操作技巧,需要的朋友可以參考下2017-01-01js判斷當(dāng)前頁(yè)面在移動(dòng)設(shè)備還是在PC端中打開
這篇文章主要介紹了js判斷當(dāng)前頁(yè)面在移動(dòng)設(shè)備還是在PC端中打開的相關(guān)資料,需要的朋友可以參考下2016-01-01Intellij中直接運(yùn)行ts配置方法:run?configuration?for?typescript
run?configuration?for?typescript?插件本質(zhì)還是依賴于ts-node來(lái)運(yùn)行,只是其可以幫助我們自動(dòng)配置好ts-node運(yùn)行參數(shù),簡(jiǎn)化使用,這篇文章給大家介紹在Intellij中可以借助插件run?configuration?for?typescript直接運(yùn)行typescript的方法,感興趣的朋友一起看看吧2023-08-08JS中把字符轉(zhuǎn)成ASCII值的函數(shù)示例代碼
這篇文章主要是對(duì)JS中把字符轉(zhuǎn)成ASCII值的函數(shù)示例代碼進(jìn)行了介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2013-11-11