浅析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 相关文章推荐
javascript 遍历验证所有文本框的值
Aug 27 Javascript
jquery获取input表单值的代码
Apr 19 Javascript
基于jQuery的为attr添加id title等效果的实现代码
Apr 20 Javascript
Javascript基础教程之变量
Jan 18 Javascript
jquery实现向下滑出的二级导航下滑菜单效果
Aug 25 Javascript
深入分析jQuery的ready函数是如何工作的(工作原理)
Dec 17 Javascript
jQuery解决IE6、7、8不能使用 JSON.stringify 函数的问题
May 31 Javascript
第八篇Bootstrap下拉菜单实例代码
Jun 21 Javascript
利用jquery实现验证输入的是否是数字、小数,包含保留几位小数
Dec 07 Javascript
微信小程序 Tab页切换更新数据
Jan 05 Javascript
如何配置vue.config.js 处理static文件夹下的静态文件
Jun 19 Javascript
Vue项目中使用mock.js的完整步骤
Jan 12 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 随机数的产生、页面跳转、件读写、文件重命名、switch语句
2009/08/07 PHP
PHP支持多种格式图片上传(支持jpg、png、gif)
2011/11/03 PHP
分享一个超好用的php header下载函数
2014/01/31 PHP
PHP常用的排序和查找算法
2015/08/06 PHP
php cli配置文件问题分析
2015/10/15 PHP
Ubuntu中支持PHP5与PHP7双版本的简单实现
2018/08/19 PHP
使用PHPUnit进行单元测试并生成代码覆盖率报告的方法
2019/03/08 PHP
Javascript Request获取请求参数如何实现
2012/11/28 Javascript
Jquery创建层显示标题和内容且随鼠标移动而移动
2014/01/26 Javascript
jQuery中:checked选择器用法实例
2015/01/04 Javascript
javascript图片预加载完整实例
2015/12/10 Javascript
在 Express 中使用模板引擎
2015/12/10 Javascript
基于JavaScript实现拖动滑块效果
2017/02/16 Javascript
js断点调试心得分享(必看篇)
2017/12/08 Javascript
vue-devtools的安装步骤
2018/04/23 Javascript
微信小程序实现topBar底部选择栏效果
2018/07/20 Javascript
Vue 通过自定义指令回顾v-内置指令(小结)
2018/09/03 Javascript
vue实现几秒后跳转新页面代码
2020/09/09 Javascript
JS中队列和双端队列实现及应用详解
2020/09/29 Javascript
解决python和pycharm安装gmpy2 出现ERROR的问题
2020/08/28 Python
Python通过队列来实现进程间通信的示例
2020/10/14 Python
Python爬虫开发与项目实战
2020/12/16 Python
CSS实现鼠标滑过鼠标点击代码写法
2016/12/26 HTML / CSS
印尼值得信赖的在线交易网站:Bukalapak
2019/03/11 全球购物
司机岗位职责
2013/11/15 职场文书
自我评价200字分享
2013/12/17 职场文书
无工作经验者个人求职信范文
2013/12/22 职场文书
本科生求职信
2014/06/17 职场文书
公安局副政委班子个人对照检查材料
2014/10/04 职场文书
三八红旗手事迹材料
2014/12/26 职场文书
2015年试用期自我评价范文
2015/03/10 职场文书
大学学生会主席竞选稿
2015/11/19 职场文书
学生安全责任协议书
2016/03/22 职场文书
Python机器学习三大件之一numpy
2021/05/10 Python
使用vue判断当前环境是安卓还是IOS
2022/04/12 Vue.js
python游戏开发之pygame实现接球小游戏
2022/04/22 Python