浅析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中window.location.href,location.href,parent.location.href,top.location.href的用法与区别
Oct 18 Javascript
js+CSS实现模拟华丽的select控件下拉菜单效果
Sep 01 Javascript
jquery常用函数与方法汇总
Sep 01 Javascript
整理Javascript流程控制语句学习笔记
Nov 29 Javascript
JS遍历数组及打印数组实例分析
Jan 21 Javascript
angular2使用简单介绍
Mar 01 Javascript
第一篇初识bootstrap
Jun 21 Javascript
WEB前端实现裁剪上传图片功能
Oct 17 Javascript
JavaScript实现form表单的多文件上传
Mar 27 Javascript
深入理解Vue transition源码分析
Jul 30 Javascript
vue-router 手势滑动触发返回功能
Sep 30 Javascript
Vue.js + Nuxt.js 项目中使用 Vee-validate 表单校验
Apr 22 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
PHP中在数据库中保存Checkbox数据(1)
2006/10/09 PHP
php返回字符串中所有单词的方法
2015/03/09 PHP
php获取从html表单传递数组的方法
2015/03/20 PHP
thinkPHP5 tablib标签库自定义方法详解
2017/05/10 PHP
关于PHP求解三数之和问题详析
2020/11/09 PHP
利用404错误页面实现UrlRewrite的实现代码
2008/08/20 Javascript
SinaEditor使用方法详解
2013/12/28 Javascript
jQuery中focus事件用法实例
2014/12/26 Javascript
jQuery多级手风琴菜单实例讲解
2015/10/22 Javascript
Jquery跨浏览器文本复制插件Zero Clipboard的使用方法
2016/02/28 Javascript
原生js的数组除重复简单实例
2016/05/24 Javascript
jQuery实现两列等高并自适应高度
2016/12/22 Javascript
详解使用grunt完成requirejs的合并压缩和js文件的版本控制
2017/03/02 Javascript
深入探究angular2 UI组件之primeNG用法
2017/07/26 Javascript
VsCode插件整理(小结)
2017/09/14 Javascript
Angular4.x通过路由守卫进行路由重定向实现根据条件跳转到相应的页面(推荐)
2018/05/10 Javascript
vue组件入门知识全梳理
2020/09/21 Javascript
uniapp微信小程序实现一个页面多个倒计时
2020/11/01 Javascript
Python中urllib2模块的8个使用细节分享
2015/01/01 Python
Flask入门教程实例:搭建一个静态博客
2015/03/27 Python
python统计cpu利用率的方法
2015/06/02 Python
深入浅出分析Python装饰器用法
2017/07/28 Python
python socket网络编程之粘包问题详解
2018/04/28 Python
对python使用telnet实现弱密码登录的方法详解
2019/01/26 Python
Python删除n行后的其他行方法
2019/01/28 Python
python中的colorlog库使用详解
2019/07/05 Python
python模拟实现斗地主发牌
2020/01/07 Python
python db类用法说明
2020/07/07 Python
Django如何重置migration的几种情景
2021/02/24 Python
纯CSS3实现的井字棋游戏
2020/11/25 HTML / CSS
盛大笔试题
2016/11/05 面试题
经典优秀个人求职自荐信格式
2013/09/25 职场文书
教育技术职业规划范文
2014/03/04 职场文书
读书伴我成长演讲稿
2014/05/07 职场文书
针对吵架老公保证书
2015/05/08 职场文书
党风廉洁教育心得体会
2016/01/20 职场文书