浅析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 相关文章推荐
基于jquery实现点击左右按钮图片横向滚动
Apr 11 Javascript
javascript将相对路径转绝对路径示例
Mar 14 Javascript
jquery手风琴特效插件
Feb 04 Javascript
基于javascript显示当前时间以及倒计时功能
Mar 18 Javascript
js拖拽的原型声明和用法总结
Apr 04 Javascript
JavaScript之RegExp_动力节点Java学院整理
Jun 29 Javascript
AngularJs 终极购物车(实例讲解)
Nov 08 Javascript
angularjs获取到My97DatePicker选中的值方法
Oct 02 Javascript
vue mounted 调用两次的完美解决办法
Oct 29 Javascript
Angular.JS读取数据库数据调用完整实例
Jul 02 Javascript
vue中的v-if和v-show的区别详解
Sep 01 Javascript
微信小程序连接服务器展示MQTT数据信息的实现
Jul 14 Javascript
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
第十二节--类的自动加载
2006/11/16 PHP
PHP常用字符串操作函数实例总结(trim、nl2br、addcslashes、uudecode、md5等)
2016/01/09 PHP
PHP错误和异常处理功能模块示例
2016/11/12 PHP
thinkPHP5 tablib标签库自定义方法详解
2017/05/10 PHP
javascript Demo模态窗口
2009/12/06 Javascript
JavaScript 常见对象类创建代码与优缺点分析
2009/12/07 Javascript
测试JavaScript字符串处理性能的代码
2009/12/07 Javascript
解析jquery获取父窗口的元素
2013/06/26 Javascript
JS 去除Array中的null值示例代码
2013/11/20 Javascript
浅析tr的隐藏和显示问题
2014/03/05 Javascript
AngularJs学习第八篇 过滤器filter创建
2016/06/08 Javascript
浅谈jQuery操作类数组的工具方法
2016/12/23 Javascript
浅谈Vue.js 组件中的v-on绑定自定义事件理解
2017/11/17 Javascript
vue2配置scss的方法步骤
2019/06/06 Javascript
vue中的双向数据绑定原理与常见操作技巧详解
2020/03/16 Javascript
python用字典统计单词或汉字词个数示例
2014/04/22 Python
Django 路由系统URLconf的使用
2018/10/11 Python
python3使用flask编写注册post接口的方法
2018/12/28 Python
Python 3.3实现计算两个日期间隔秒数/天数的方法示例
2019/01/07 Python
python3实现猜数字游戏
2020/12/07 Python
python匿名函数用法实例分析
2019/08/03 Python
python读取dicom图像示例(SimpleITK和dicom包实现)
2020/01/16 Python
Html5实现二维码扫描并解析
2016/01/20 HTML / CSS
美国领先的奢侈美容零售商:Bluemercury
2017/07/26 全球购物
美国隐形眼镜网上商店:Lens.com
2019/09/03 全球购物
SHEIN美国:购买时髦的女性服装
2020/12/02 全球购物
北承题目(C++)
2012/05/16 面试题
石油大学毕业生自荐信
2014/01/28 职场文书
医药销售自荐书
2014/05/29 职场文书
班子成员四风问题自我剖析材料
2014/09/29 职场文书
党员学习群众路线心得体会
2014/11/04 职场文书
房屋租赁意向书范本
2015/05/09 职场文书
人事任命书范本
2015/09/21 职场文书
让人感觉高大上的讲话稿怎么写?
2019/07/08 职场文书
Python爬虫基础之爬虫的分类知识总结
2021/05/13 Python
HTML中的表单元素介绍
2022/02/28 HTML / CSS