浅析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.combobox中文api和例子,修复了上面的小bug
Mar 28 Javascript
jQuery点击改变class并toggle及toggleClass()方法定义用法
Dec 11 Javascript
深入探秘jquery瀑布流的实现
Jan 30 Javascript
jQuery插件cxSelect多级联动下拉菜单实例解析
Jun 24 Javascript
很棒的vue弹窗组件
May 24 Javascript
详解vue中computed 和 watch的异同
Jun 30 Javascript
使用nvm管理不同版本的node与npm的方法
Oct 31 Javascript
动态加载权限管理模块中的Vue组件
Jan 16 Javascript
js 实现 list转换成tree的方法示例(数组到树)
Aug 18 Javascript
微信小程序全选多选效果实现代码解析
Jan 21 Javascript
Jquery Datatables的使用详解
Jan 30 jQuery
jquery实现垂直手风琴菜单
Mar 04 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实现提取一个图像文件并在浏览器上显示的代码
2012/10/06 PHP
CI(CodeIgniter)框架介绍
2014/06/09 PHP
PHP实现的QQ空间g_tk加密算法
2015/07/09 PHP
PHP获取路径和目录的方法总结【必看篇】
2017/03/04 PHP
php 获取xml接口数据的处理方法
2018/05/31 PHP
JQuery浮动DIV提示信息并自动隐藏的代码
2010/08/29 Javascript
javascript 基础篇2 数据类型,语句,函数
2012/03/14 Javascript
Javascript的setTimeout()使用闭包特性时需要注意的问题
2014/09/23 Javascript
javascript结合fileReader 实现上传图片
2015/01/30 Javascript
Bootstrap整体框架之CSS12栅格系统
2016/12/15 Javascript
js时间控件只显示年月
2017/01/08 Javascript
JavaScript基于Dom操作实现查找、修改HTML元素的内容及属性的方法
2017/01/20 Javascript
vue-router 路由基础的详解
2017/10/17 Javascript
微信小程序利用canvas 绘制幸运大转盘功能
2018/07/06 Javascript
Nuxt配合Node在实际生产中的应用详解
2018/08/07 Javascript
JavaScript数据结构与算法之二叉树插入节点、生成二叉树示例
2019/02/21 Javascript
详解element-ui中form验证杂记
2019/03/04 Javascript
vue 开发企业微信整合案例分析
2019/12/02 Javascript
详解vue中v-bind:style效果的自定义指令
2020/01/21 Javascript
[36:33]2018DOTA2亚洲邀请赛 4.3 突围赛 EG vs Newbee 第二场
2018/04/04 DOTA
Python快速排序算法实例分析
2017/11/29 Python
python创建文件备份的脚本
2018/09/11 Python
pycharm中成功运行图片的配置教程
2018/10/28 Python
python实现将多个文件分配到多个文件夹的方法
2019/01/07 Python
python提取xml里面的链接源码详解
2019/10/15 Python
Python numpy数组转置与轴变换
2019/11/15 Python
Pycharm使用远程linux服务器conda/python环境在本地运行的方法(图解))
2019/12/09 Python
Python原始套接字编程实例解析
2020/01/29 Python
对python pandas中 inplace 参数的理解
2020/06/27 Python
澳大利亚香水在线:Price Rite Mart
2017/12/28 全球购物
Nike俄罗斯官方网站:Nike RU
2021/03/05 全球购物
竞选部长演讲稿
2014/04/26 职场文书
学校安全生产承诺书
2014/05/23 职场文书
超市开业庆典活动策划方案
2014/09/15 职场文书
企业百日安全活动总结
2015/05/07 职场文书
三八妇女节致辞
2015/07/31 职场文书