BootStrap selectpicker后台动态绑定数据


Posted in Javascript onJune 01, 2017

项目使用BootStrap设置select时,不能动态加载,使用以下方法可以解决。

//获得全部订单信息(订单ID,订单名称)
function GetAllOrders(obj) {
 $.ajax({
  type: 'Get',
  url: '/OrderTypeSetting/GetAllCanUseOrderTypes/',
  dataType: "Json",
  success: function (data) {
   if (!data.flag) {    
    $.each(data, function (i, n) {
     $("#" + obj).append(" <option value=\"" + n.os_id + "\">" + n.os_name + "</option>");
    })
    $("#" + obj).selectpicker('refresh');
    
   }
  }
 })

}

//获得全部订单信息(订单ID,订单名称)
function GetAllOrders(obj) {
 $.ajax({
  type: 'Get',
  url: '/OrderTypeSetting/GetAllCanUseOrderTypes/',
  dataType: "Json",
  success: function (data) {
   if (!data.flag) {
    var opstr = "";
    $.each(data, function (i, n) { 
      opstr += " <option value=\"" + n.os_id + "\">" + n.os_name + "</option>";
    })    
    var myobj = document.getElementById(obj);
    if (myobj.options.length == 0) {
     $("#" + obj).html(opstr);
     $("#" + obj).selectpicker('refresh');
    }
   }
  }
 })

}

参考资料:

bootstrap-select

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JAVASCRIPT HashTable
Jan 22 Javascript
Jquery 一次处理多个ajax请求的代码
Sep 02 Javascript
用js实现trim()的解决办法
Apr 16 Javascript
Jquery在指定DIV加载HTML示例代码
Feb 17 Javascript
jQuery 复合选择器应用的几个例子
Sep 11 Javascript
对jQuary选择器的全面总结
Jun 20 Javascript
jQuery实现的导航下拉菜单效果示例
Sep 05 Javascript
JS实现图片垂直居中显示小结
Dec 13 Javascript
JavaScript使用正则表达式获取全部分组内容的方法示例
Jan 17 Javascript
使用vue构建一个上传图片表单
Jul 04 Javascript
Vue filter介绍及详细使用
Apr 04 Javascript
jquery validate 实现动态增加/删除验证规则操作示例
Oct 28 jQuery
JS实现仿饿了么在浏览器标签页失去焦点时网页Title改变
Jun 01 #Javascript
Require.JS中的几种define定义方式示例
Jun 01 #Javascript
关于javascript获取内联样式与嵌入式样式的实例
Jun 01 #Javascript
react-router中的属性详解
Jun 01 #Javascript
javascript 数据存储的常用函数总结
Jun 01 #Javascript
Node.js+ES6+dropload.js实现移动端下拉加载实例
Jun 01 #Javascript
详解基于webpack搭建react运行环境
Jun 01 #Javascript
You might like
海贼王:最美的悬赏令!
2020/03/02 日漫
php网页版聊天软件实现代码
2016/08/12 PHP
PHP将整数数字转换为罗马数字实例分享
2019/03/17 PHP
JavaScript高级程序设计 学习笔记 js高级技巧
2011/09/20 Javascript
javascript ready和load事件的区别示例介绍
2013/08/30 Javascript
JavaScript自定义日期格式化函数详细解析
2014/01/14 Javascript
javascript setinterval 的正确语法如何书写
2014/06/17 Javascript
js的[defer]和[async]属性
2014/11/24 Javascript
JavaScript删除数组元素的方法
2015/03/20 Javascript
JS模式之单例模式基本用法
2015/06/30 Javascript
对js中回调函数的一些看法
2016/08/29 Javascript
完美实现js焦点轮播效果(一)
2017/03/07 Javascript
vue-router路由参数刷新消失的问题解决方法
2017/06/17 Javascript
react native与webview通信的示例代码
2017/09/25 Javascript
vue-music关于Player播放器组件详解
2017/11/28 Javascript
详解Webpack loader 之 file-loader
2018/11/07 Javascript
Python使用reportlab将目录下所有的文本文件打印成pdf的方法
2015/05/20 Python
Fiddler如何抓取手机APP数据包
2016/01/22 Python
Python实现12306火车票抢票系统
2019/07/04 Python
Python unittest工作原理和使用过程解析
2020/02/24 Python
python3 deque 双向队列创建与使用方法分析
2020/03/24 Python
python用TensorFlow做图像识别的实现
2020/04/21 Python
Django实现任意文件上传(最简单的方法)
2020/06/03 Python
Numpy 多维数据数组的实现
2020/06/18 Python
英国最大的百货公司:Harrods
2016/08/18 全球购物
香蕉共和国工厂店:Banana Republic Factory
2018/06/09 全球购物
UNIONBAY官网:美国青少年服装品牌
2019/03/26 全球购物
Etam艾格英国官网:法国著名女装品牌
2019/04/15 全球购物
波兰在线杂货店:Polski Koszyk
2019/11/02 全球购物
意大利网上购书网站:Libraccio.it
2021/02/03 全球购物
TecoBuy澳大利亚:在线电子和小工具商店
2020/06/25 全球购物
职称评定自我鉴定
2014/03/18 职场文书
小学生作文评语大全
2014/04/21 职场文书
感恩教师节演讲稿
2014/09/03 职场文书
自习课吵闹检讨书范文
2014/09/26 职场文书
2019年销售部季度工作计划3篇
2019/10/09 职场文书