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 相关文章推荐
图片自动缩小 点击放大
Jul 07 Javascript
基于jquery的has()方法以及与find()方法以及filter()方法的区别详解
Apr 26 Javascript
取消选中单选框radio的三种方式示例介绍
Dec 23 Javascript
在for循环中length值是否需要缓存
Jul 27 Javascript
js判断日期时间有效性的方法
Oct 24 Javascript
JS封装的选项卡TAB切换效果示例
Sep 20 Javascript
JavaScript实现简单的日历效果
Sep 25 Javascript
vue系列之requireJs中引入vue-router的方法
Jul 18 Javascript
JavaScript闭包原理与用法学习笔记
May 29 Javascript
vue-路由精讲 二级路由和三级路由的作用
Aug 06 Javascript
vue点击按钮实现简单页面的切换
Sep 08 Javascript
vscode中的vue项目报错Property ‘xxx‘ does not exist on type ‘CombinedVueInstance<{ readyOnly...Vetur(2339)
Sep 11 Javascript
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
javascript 控制弹出窗口
2007/04/10 Javascript
基于JQuery的访问WebService的代码(可访问Java[Xfire])
2010/11/19 Javascript
JS中confirm,alert,prompt函数区别分析
2011/01/17 Javascript
用js实现in_array的方法
2013/11/05 Javascript
Node.js实现的简易网页抓取功能示例
2014/12/05 Javascript
javascript中mouseover、mouseout使用详解
2015/07/19 Javascript
javascript+HTML5的canvas实现七夕情人节3D玫瑰花效果代码
2015/08/04 Javascript
直接拿来用的15个jQuery代码片段
2015/09/23 Javascript
跟我学习javascript的var预解析与函数声明提升
2015/11/16 Javascript
javascript中eval和with用法实例总结
2015/11/30 Javascript
React.js入门实例教程之创建hello world 的5种方式
2016/05/11 Javascript
漂亮实用的页面loading(加载)封装代码
2017/02/03 Javascript
详解使用vscode+es6写nodejs服务端调试配置
2017/09/21 NodeJs
axios向后台传递数组作为参数的方法
2018/08/11 Javascript
vue实现密码显示与隐藏按钮的自定义组件功能
2019/04/23 Javascript
Vue过渡效果之CSS过渡详解(结合transition,animation,animate.css)
2020/02/05 Javascript
[01:10:02]IG vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
Python中__init__.py文件的作用详解
2016/09/18 Python
Python使用time模块实现指定时间触发器示例
2017/05/18 Python
python发送邮件实例分享
2017/07/28 Python
Python协程的用法和例子详解
2017/09/09 Python
matplotlib简介,安装和简单实例代码
2017/12/26 Python
Python装饰器用法示例小结
2018/02/11 Python
python实现kmp算法的实例代码
2019/04/03 Python
Python Flask 搭建微信小程序后台详解
2019/05/06 Python
python openpyxl使用方法详解
2019/07/18 Python
Python多线程多进程实例对比解析
2020/03/12 Python
我未来的职业规划范文
2014/01/11 职场文书
俞敏洪励志演讲稿
2014/04/29 职场文书
群众路线班子对照检查材料
2014/09/25 职场文书
2014年计划生育工作总结
2014/11/14 职场文书
2016年基层党组织创先争优承诺书
2016/03/25 职场文书
竞聘书的秘诀
2019/04/02 职场文书
简单介绍Python的第三方库yaml
2021/06/18 Python
Pyqt5将多个类组合在一个界面显示的完整示例
2021/09/04 Python
Ajax实现三级联动效果
2021/10/05 Javascript