浅析Bootstrip的select控件绑定数据的问题

245 阅读 0 评论 162 点赞

我是靠谱客的博主生动野狼，这篇文章主要介绍浅析Bootstrip的select控件绑定数据的问题，现在分享给大家，希望可以做个参考。

此问题让我倒弄了一下午时间，最后终于被我拿下。下面小编把我的功劳分享出来，以此来做个备份，同时也希望能帮助到大家。

具体详情如下所示：

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
$(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({
//我是对所有的selectpicker操作一次性赋值，如果你想单独赋值，好ok，那么就这样赋值：
//appendTo("#editcolor .selectpicker"),就这样，在你select元素上面罩上一个div，
//用div的id就可以标记你要操作的selectpicker，也就是你想操作的select元素标签了
style: 'btn-info',
size: 8
})
}
})