浅析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 div 弹出可拖动窗口
Feb 26 Javascript
JavaScript实现点击按钮后变灰避免多次重复提交
Jul 15 Javascript
浅谈javascript中的instanceof和typeof
Feb 27 Javascript
window.onload使用指南
Sep 13 Javascript
javascript的replace方法结合正则使用实例总结
Jun 16 Javascript
js 声明数组和向数组中添加对象变量的简单实例
Jul 28 Javascript
百度多文件异步上传控件webuploader基本用法解析
Nov 07 Javascript
Three.js基础部分学习
Jan 08 Javascript
详解JavaScript中js对象与JSON格式字符串的相互转换
Feb 14 Javascript
jQuery 改变P标签文本值方法
Feb 24 jQuery
微信小程序左右滚动公告栏效果代码实例
Sep 16 Javascript
在vue中使用jsonp进行跨域请求接口操作
Oct 29 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 开源AJAX框架14种
2009/08/24 PHP
php设置session值和cookies的学习示例
2014/03/21 PHP
Linux下php5.4启动脚本
2014/08/03 PHP
PHP将进程作为守护进程的方法
2015/03/19 PHP
PHP通过加锁实现并发情况下抢码功能
2016/08/10 PHP
Laravel框架模型的创建及模型对数据操作示例
2019/05/07 PHP
json简单介绍
2008/06/10 Javascript
javascript 全等号运算符使用说明
2010/05/31 Javascript
让人期待的2011年度最佳 jQuery 插件分享
2012/03/16 Javascript
原生js操作checkbox用document.getElementById实现
2013/10/12 Javascript
input禁止键盘及中文输入,但可以点击
2014/02/13 Javascript
jQuery实现鼠标滚轮动态改变样式或效果
2015/01/05 Javascript
基于JavaScript实现移除(删除)数组中指定元素
2016/01/04 Javascript
AngularJS中使用HTML5手机摄像头拍照
2016/02/22 Javascript
jQuery EasyUI API 中文帮助文档和扩展实例
2016/08/01 Javascript
javascript轮播图算法
2016/10/21 Javascript
详解Angular 开发环境搭建
2017/06/22 Javascript
Vue微信项目按需授权登录策略实践思路详解
2018/05/07 Javascript
JavaScript实现的反序列化json字符串操作示例
2018/07/18 Javascript
js实现文件上传功能 后台使用MultipartFile
2018/09/08 Javascript
实例讲解JS中pop使用方法
2019/01/27 Javascript
微信小程序封装的HTTP请求示例【附升级版】
2019/05/11 Javascript
vue created钩子函数与mounted钩子函数的用法区别
2020/11/05 Javascript
python实现隐马尔科夫模型HMM
2018/03/25 Python
Python multiprocess pool模块报错pickling error问题解决方法分析
2019/03/20 Python
解决webdriver.Chrome()报错:Message:'chromedriver' executable needs to be in Path
2019/06/12 Python
Jmeter调用Python脚本实现参数互相传递的实现
2021/01/22 Python
SpringBoot首页设置解析(推荐)
2021/02/11 Python
HTML5中的autofocus(自动聚焦)属性介绍
2014/04/23 HTML / CSS
如何写你的创业计划书
2014/01/07 职场文书
高中运动会广播稿
2014/01/21 职场文书
五年后的职业生涯规划
2014/03/04 职场文书
2015年国庆节新闻稿
2015/07/18 职场文书
安全生产培训心得体会
2016/01/18 职场文书
修改并编译golang源码的操作步骤
2021/07/25 Golang
python的变量和简单数字类型详解
2021/09/15 Python