淺析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)頁跳轉(zhuǎn)或用命令打開指定網(wǎng)頁的解決方法
本篇文章是對(duì)使用Jquery實(shí)現(xiàn)網(wǎng)頁跳轉(zhuǎn)或用命令打開指定網(wǎng)頁的解決方法進(jìn)行了詳細(xì)的分析介紹,需要的朋友可以參考下2013-07-07
jQuery 獲取、設(shè)置HTML或TEXT內(nèi)容的兩種方法
這篇文章主要介紹了jQuery 獲取、設(shè)置HTML或TEXT內(nèi)容的兩種方法,需要的朋友可以參考下2014-05-05
jquery控制左右箭頭滾動(dòng)圖片列表的實(shí)例
jquery控制左右箭頭滾動(dòng)圖片列表的實(shí)例,需要的朋友可以參考一下2013-05-05
jQuery插件學(xué)習(xí)教程之SlidesJs輪播+Validation驗(yàn)證
這篇文章主要介紹了jQuery插件學(xué)習(xí)教程之SlidesJs輪播+Validation驗(yàn)證的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-07-07
jQuery結(jié)合CSS制作漂亮的select下拉菜單
對(duì)于我來說,標(biāo)準(zhǔn)的HTML元素(Select)已經(jīng)讓我感到討厭。它不能夠正常的在IE瀏覽器上顯示。還有一點(diǎn)就是他并不僅僅包含簡單的文本。本實(shí)例將完全摒棄select元素,通過JQuery和CSS來構(gòu)建DropDown元素。2015-05-05
jQuery動(dòng)態(tài)添加.active 實(shí)現(xiàn)導(dǎo)航效果代碼思路詳解
這篇文章主要介紹了jQuery動(dòng)態(tài)添加.active 實(shí)現(xiàn)導(dǎo)航效果代碼思路詳解,需要的朋友可以參考下2017-08-08
40個(gè)新鮮出爐的jQuery 插件和免費(fèi)教程[上]
作為最流行的 JavaScript 庫,jQuery 擁有豐富的插件,能夠幫助開發(fā)者簡單快速的實(shí)現(xiàn)各種功能2012-07-07
jQuery Easyui學(xué)習(xí)之datagrid 動(dòng)態(tài)添加、移除editor
使用easyui行編輯的時(shí)候完成編輯的功能比較簡單,但是如果要根據(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

