淺析Bootstrip的select控件綁定數(shù)據(jù)的問題
此問題讓我倒弄了一下午時(shí)間,最后終于被我拿下。下面小編把我的功勞分享出來,以此來做個(gè)備份,同時(shí)也希望能幫助到大家。
具體詳情如下所示:
$(function(){ var stu_no = freeUrl(); var data, subname="",data2; var sbList = new Array(); $.ajax({ async: false , dataType: "json", contentType: "application/json", type: "post", url: "../../control/student/stuMain.asmx/findAllSubject", data:"{"+"'stu_no':'"+stu_no+"'}", success: function (response) { data2 = eval(response.d); $.each(data2, function (i) { $("<option value='" + i + "'>" + data2[i].科目名稱 + "</option>").appendTo(".selectpicker"); }); $('.selectpicker').selectpicker({ //我是對(duì)所有的selectpicker操作一次性賦值,如果你想單獨(dú)賦值,好ok,那么就這樣賦值: //appendTo("#editcolor .selectpicker"),就這樣,在你select元素上面罩上一個(gè)div, //用div的id就可以標(biāo)記你要操作的selectpicker,也就是你想操作的select元素標(biāo)簽了 style: 'btn-info', size: 8 }) } })
以上所述是小編給大家介紹的Bootstrip的select控件綁定數(shù)據(jù)的問題的相關(guān)介紹,希望對(duì)大家有所幫助!
相關(guān)文章
Jquery實(shí)現(xiàn)網(wǎng)頁(yè)跳轉(zhuǎn)或用命令打開指定網(wǎng)頁(yè)的解決方法
本篇文章是對(duì)使用Jquery實(shí)現(xiàn)網(wǎng)頁(yè)跳轉(zhuǎn)或用命令打開指定網(wǎng)頁(yè)的解決方法進(jìn)行了詳細(xì)的分析介紹,需要的朋友可以參考下2013-07-07jQuery 獲取、設(shè)置HTML或TEXT內(nèi)容的兩種方法
這篇文章主要介紹了jQuery 獲取、設(shè)置HTML或TEXT內(nèi)容的兩種方法,需要的朋友可以參考下2014-05-05jquery控制左右箭頭滾動(dòng)圖片列表的實(shí)例
jquery控制左右箭頭滾動(dòng)圖片列表的實(shí)例,需要的朋友可以參考一下2013-05-05jQuery插件學(xué)習(xí)教程之SlidesJs輪播+Validation驗(yàn)證
這篇文章主要介紹了jQuery插件學(xué)習(xí)教程之SlidesJs輪播+Validation驗(yàn)證的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-07-07jQuery結(jié)合CSS制作漂亮的select下拉菜單
對(duì)于我來說,標(biāo)準(zhǔn)的HTML元素(Select)已經(jīng)讓我感到討厭。它不能夠正常的在IE瀏覽器上顯示。還有一點(diǎn)就是他并不僅僅包含簡(jiǎn)單的文本。本實(shí)例將完全摒棄select元素,通過JQuery和CSS來構(gòu)建DropDown元素。2015-05-05jQuery動(dòng)態(tài)添加.active 實(shí)現(xiàn)導(dǎo)航效果代碼思路詳解
這篇文章主要介紹了jQuery動(dòng)態(tài)添加.active 實(shí)現(xiàn)導(dǎo)航效果代碼思路詳解,需要的朋友可以參考下2017-08-0840個(gè)新鮮出爐的jQuery 插件和免費(fèi)教程[上]
作為最流行的 JavaScript 庫(kù),jQuery 擁有豐富的插件,能夠幫助開發(fā)者簡(jiǎn)單快速的實(shí)現(xiàn)各種功能2012-07-07jQuery Easyui學(xué)習(xí)之datagrid 動(dòng)態(tài)添加、移除editor
使用easyui行編輯的時(shí)候完成編輯的功能比較簡(jiǎn)單,但是如果要根據(jù)一個(gè)框的值動(dòng)態(tài)改變別的值或者編輯的時(shí)候禁用某個(gè)框的時(shí)候就比較麻煩了,下面給大家介紹easyui datagrid 動(dòng)態(tài)添加、移除editor,感興趣的朋友一起學(xué)習(xí)吧2016-01-01防止jQuery ajax Load使用緩存的方法小結(jié)
本篇文章主要是對(duì)防止jQuery ajax Load使用緩存的方法進(jìn)行了介紹,需要的朋友可以過來參考下,希望對(duì)大家有所幫助2014-02-02