浅析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 相关文章推荐
对textarea框的代码调试,而且功能上使用非常方便,酷
Jun 30 Javascript
Javascript Object.extend
May 18 Javascript
JavaScript中var关键字的使用详解
Aug 14 Javascript
分享网页检测摇一摇实例代码
Jan 14 Javascript
基于AngularJS实现iOS8自带的计算器
Sep 12 Javascript
javascript设置文本框光标的方法实例小结
Nov 04 Javascript
JS实现简单表格排序操作示例
Oct 07 Javascript
React为 Vue 引入容器组件和展示组件的教程详解
May 03 Javascript
服务端预渲染之Nuxt(使用篇)
Apr 08 Javascript
JavaScript实现公告栏上下滚动效果
Mar 13 Javascript
JavaScript实现电灯开关小案例
Mar 30 Javascript
jquery实现鼠标悬浮弹出气泡提示框
Dec 23 jQuery
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中限制IP段访问、禁止IP提交表单的代码
2011/04/23 PHP
fleaphp常用方法分页之Pager使用方法
2011/04/23 PHP
ThinkPHP3.2框架自定义配置和加载用法示例
2018/06/14 PHP
PHP实现微信公众号验证Token的示例代码
2019/12/16 PHP
laravel框架中间件简单使用方法示例
2020/01/25 PHP
分享一个自定义的console类 让你不再纠结JS中的调试代码的兼容
2012/04/20 Javascript
js实现获取焦点后光标在字符串后
2014/09/17 Javascript
浅谈JavaScript正则表达式分组匹配
2015/04/10 Javascript
jquery实现可自动收缩的TAB网页选项卡代码
2015/09/06 Javascript
jquery实现树形菜单完整代码
2015/12/29 Javascript
详解javascript实现自定义事件
2016/01/19 Javascript
AngularJS 让人爱不释手的八种功能
2016/03/23 Javascript
多种jQuery绑定事件的实现方式
2016/06/13 Javascript
jQuery插件Echarts实现的渐变色柱状图
2017/03/23 jQuery
JS简单获取并修改input文本框内容的方法示例
2018/04/08 Javascript
微信公众平台获取access_token的方法步骤
2019/03/29 Javascript
react基本安装与测试示例
2020/04/27 Javascript
[00:32]2018DOTA2亚洲邀请赛Liquid出场
2018/04/03 DOTA
[01:03:33]Alliance vs TNC 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/18 DOTA
Python实现的ini文件操作类分享
2014/11/20 Python
PYTHON EVAL的用法及注意事项解析
2019/09/06 Python
Python爬虫实现“盗取”微信好友信息的方法分析
2019/09/16 Python
Python 异步协程函数原理及实例详解
2019/11/13 Python
python3.x 生成3维随机数组实例
2019/11/28 Python
对Tensorflow中Device实例的生成和管理详解
2020/02/04 Python
python实现Pyecharts实现动态地图(Map、Geo)
2020/03/25 Python
一款纯css3实现的竖形二级导航的实例教程
2014/12/11 HTML / CSS
有关HTML5页面在iPhoneX适配问题
2017/11/13 HTML / CSS
SEPHORA新西兰官方网站:购买化妆品和护肤品
2016/12/02 全球购物
杭州信雅达系统.NET工程师面试试题
2015/02/08 面试题
售后服务科岗位职责范文
2013/11/13 职场文书
大学毕业感言100字
2014/02/03 职场文书
服务标语大全
2014/06/18 职场文书
有关保护环境的宣传标语100条
2019/08/07 职场文书
利用html+css实现菜单栏缓慢下拉效果的示例代码
2021/03/30 HTML / CSS
使用react-virtualized实现图片动态高度长列表的问题
2021/05/28 Javascript