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


Posted in Javascript onMay 10, 2016

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

具体详情如下所示:

$(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控件绑定数据的问题的相关介绍,希望对大家有所帮助!

Javascript 相关文章推荐
js利用与或运算符优先级实现if else条件判断表达式
Apr 15 Javascript
好好了解一下Cookie(强烈推荐)
Jun 14 Javascript
jQuery中 bind的用法简单介绍
Feb 13 Javascript
bootstrap table sum总数量统计实现方法
Oct 29 Javascript
微信小程序三级联动选择器使用方法
May 19 Javascript
vue v-model实现自定义样式多选与单选功能
Jul 05 Javascript
vue内置组件transition简单原理图文详解(小结)
Jul 12 Javascript
JavaScript Canvas实现验证码
Aug 02 Javascript
webpack 如何解析代码模块路径的实现
Sep 04 Javascript
Vue组件跨层级获取组件操作
Jul 27 Javascript
解决vue axios跨域 Request Method: OPTIONS问题(预检请求)
Aug 14 Javascript
Vue.extend 登录注册模态框的实现
Dec 29 Vue.js
jQuery的文档处理程序详解
May 10 #Javascript
有关easyui-layout中的收缩层无法显示标题的解决办法
May 10 #Javascript
jQuery对象与DOM对象转换方法详解
May 10 #Javascript
jQuery对象的链式操作用法分析
May 10 #Javascript
JS组件Bootstrap按钮组与下拉按钮详解
May 10 #Javascript
Bootstrap按钮下拉菜单组件详解
May 10 #Javascript
JavaScript编写页面半透明遮罩效果的简单示例
May 09 #Javascript
You might like
PHP日期处理函数 整型日期格式
2011/01/12 PHP
php中如何使对象可以像数组一样进行foreach循环
2013/08/09 PHP
PHP抓屏函数实现屏幕快照代码分享
2014/01/02 PHP
PHP图片等比缩放类SimpleImage使用方法和使用实例分享
2014/04/10 PHP
Codeigniter框架实现获取分页数据和总条数的方法
2014/12/05 PHP
php多次include后导致全局变量global失效的解决方法
2015/02/28 PHP
注释PHP和html混合代码的小技巧(分享)
2016/11/03 PHP
Yii2表单事件之Ajax提交实现方法
2017/05/04 PHP
浅析PHP中json_encode与json_decode的区别
2020/07/15 PHP
用js实现下载远程文件并保存在本地的脚本
2008/05/06 Javascript
JS根据年月获得当月天数的实现代码
2014/07/03 Javascript
jquery实现表格本地排序的方法
2015/03/11 Javascript
把Node.js程序加入服务实现随机启动
2015/06/25 Javascript
Bootstrap 粘页脚效果
2016/03/28 Javascript
javascript 数组的正态分布排序的问题
2016/07/31 Javascript
json定义及jquery操作json的方法
2016/09/29 Javascript
微信小程序-获得用户输入内容
2017/02/13 Javascript
基于jquery实现多级菜单效果
2017/07/25 jQuery
解决element-ui中下拉菜单子选项click事件不触发的问题
2018/08/22 Javascript
JS使用数组实现的队列功能示例
2019/03/04 Javascript
Vue中的验证登录状态的实现方法
2019/03/09 Javascript
layui导出所有数据的例子
2019/09/10 Javascript
layui数据表格 table.render 报错的解决方法
2019/09/29 Javascript
jQuery实现聊天对话框
2020/02/08 jQuery
JS实现瀑布流效果
2020/03/07 Javascript
[57:22]完美世界DOTA2联赛PWL S2 FTD vs PXG 第二场 11.27
2020/12/01 DOTA
Python基于Tkinter的HelloWorld入门实例
2015/06/17 Python
Python3中简单的文件操作及两个简单小实例分享
2017/06/18 Python
为什么Python中没有&quot;a++&quot;这种写法
2018/11/27 Python
Django之编辑时根据条件跳转回原页面的方法
2019/08/21 Python
详解css3 mask遮罩实现一些特效
2018/10/24 HTML / CSS
全球速卖通西班牙站:AliExpress西班牙
2017/10/30 全球购物
实习生个人找工作的自我评价
2013/10/30 职场文书
大学生实习思想汇报
2014/01/12 职场文书
工厂标语大全
2014/10/06 职场文书
房屋产权共有协议书范本
2014/11/03 职场文书