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

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

具体详情如下所示：

$(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
})
}
})

以上所述是小编给大家介绍的Bootstrip的select控件绑定数据的问题的相关介绍，希望对大家有所帮助！

您可能感兴趣的文章:

• jsp中将后台传递过来的json格式的list数据绑定到下拉菜单select
• 轻松使用jQuery双向select控件Bootstrap Dual Listbox
• JS组件中bootstrap multiselect两大组件较量
• JS组件Bootstrap Select2使用方法详解