bootstrap動態(tài)調(diào)用select下拉框的實例代碼
更新時間:2018年08月09日 14:49:07 作者:kobe1qiqi
今天小編就為大家分享一篇bootstrap動態(tài)調(diào)用select下拉框的實例代碼,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
html代碼:
<label for="classify" class="col-sm-2 control-label">填報部門:</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動態(tài)調(diào)用select下拉框的實例代碼就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
前端實現(xiàn)文件的斷點續(xù)傳(前端文件提交+后端PHP文件接收)
本文通過斷點續(xù)傳的簡單例子(前端文件提交+后端PHP文件接收),本文以圖片為實例給大家介紹的非常詳細,具有一定的參考借鑒價值,感興趣的朋友一起看看吧2016-11-11兼容IE和Firefox的javascript獲取iframe文檔內(nèi)容的函數(shù)
兼容IE和Firefox的javascript獲取iframe文檔內(nèi)容的函數(shù),需要的朋友可以參考下。2011-08-08Intellij中直接運行ts配置方法:run?configuration?for?typescript
run?configuration?for?typescript?插件本質(zhì)還是依賴于ts-node來運行,只是其可以幫助我們自動配置好ts-node運行參數(shù),簡化使用,這篇文章給大家介紹在Intellij中可以借助插件run?configuration?for?typescript直接運行typescript的方法,感興趣的朋友一起看看吧2023-08-08JavaScript中雙等號(==)和三等號(===)有何不同以及何時使用它們詳解
這篇文章主要給大家介紹了關于JavaScript中雙等號(==)和三等號(===)有何不同以及何時使用它們的相關資料,在JavaScript中"=="和"==="都是比較運算符,用于比較兩個值是否相等,需要的朋友可以參考下2024-01-01