BootStrap selectpicker后台动态绑定数据的方法


Posted in Javascript onJuly 28, 2017

本文为大家分享了BootStrap selectpicker后台动态绑定数据的方法,供大家参考,具体内容如下

html部分代码

<select class="selectpicker" multiple>      
</select>

这是一个下拉多选框,现在要动态往里添加下拉选项。

js代码

<script type="text/javascript">
      getOption();
      function getOption(){
        $.ajax({
          type:"get",
          url:"test.json",
          async:true,
          success:function (data) {
            var str = "";
            for(var i = 0;i<data.length;i++){
              str+='<option>'+data[i].value+'</option>'
            }
            $(".selectpicker").html(str);
            
            $(".selectpicker" ).selectpicker('refresh');
          }
        });
      }
</script>

关键在于$(".selectpicker" ).selectpicker('refresh');

如果没有这句数据是绑定不进去的。

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

Javascript 相关文章推荐
让mayfish支持mysqli数据库驱动的实现方法
May 22 Javascript
js获取当前路径的简单示例代码
Jan 08 Javascript
动态创建script标签实现跨域资源访问的方法介绍
Feb 28 Javascript
jquery实现弹出层遮罩效果的简单实例
Mar 03 Javascript
JavaScript通过字典进行字符串翻译转换的方法
Mar 19 Javascript
Javascript基于AJAX回调函数传递参数实例分析
Dec 15 Javascript
很不错的两款Bootstrap Icon图标选择组件
Jan 28 Javascript
JS动态计算移动端rem的解决方案
Oct 14 Javascript
react-native DatePicker日期选择组件的实现代码
Sep 12 Javascript
vue2.0 可折叠列表 v-for循环展示的实例
Sep 07 Javascript
深入探讨JavaScript的最基本部分之执行上下文
Feb 12 Javascript
javascript设计模式 ? 适配器模式原理与应用实例分析
Apr 13 Javascript
详解angularjs的数组传参方式的简单实现
Jul 28 #Javascript
js 获取html5的data属性实现方法
Jul 28 #Javascript
jQuery获取table表中的td标签(实例讲解)
Jul 28 #jQuery
浅谈JS中的常用选择器及属性、方法的调用
Jul 28 #Javascript
js原生代码实现轮播图的实例讲解
Jul 28 #Javascript
js弹性势能动画之抛物线运动实例详解
Jul 27 #Javascript
js学习总结之dom2级事件基础知识详解
Jul 27 #Javascript
You might like
php中使用array_filter()函数过滤空数组的实现代码
2014/08/19 PHP
thinkphp查询,3.X 5.0方法(亲试可行)
2017/06/17 PHP
laravel框架创建授权策略实例分析
2019/11/22 PHP
jquery之empty()与remove()区别说明
2010/09/10 Javascript
jquery uaMatch源代码
2011/02/14 Javascript
jquery中实现简单的tabs插件功能的代码
2011/03/02 Javascript
基于jquery的固定表头和列头的代码
2012/05/03 Javascript
Textbox控件注册回车事件及触发按钮提交事件具体实现
2013/03/04 Javascript
javascript中parentNode,childNodes,children的应用详解
2013/12/17 Javascript
js判断undefined类型示例代码
2014/02/10 Javascript
影响jQuery使用的14个方面
2014/09/01 Javascript
javascript背景时钟实现方法
2015/06/18 Javascript
跟我学习javascript的隐式强制转换
2015/11/16 Javascript
Markdown+Bootstrap图片自适应属性详解
2016/05/21 Javascript
详解Javascript百度地图接口开发文档中的类和方法
2017/02/07 Javascript
微信小程序上滑加载下拉刷新(onscrollLower)分批加载数据(一)
2017/05/11 Javascript
Angular.js中window.onload(),$(document).ready()的写法浅析
2017/09/28 Javascript
[00:28]DOTA2北京网鱼队选拔赛
2015/04/08 DOTA
python实现可以断点续传和并发的ftp程序
2016/09/13 Python
正确理解python中的关键字“with”与上下文管理器
2017/04/21 Python
Python 的类、继承和多态详解
2017/07/16 Python
Python实现的多线程同步与互斥锁功能示例
2017/11/30 Python
Python实现合并同一个文件夹下所有txt文件的方法示例
2018/04/26 Python
Python产生一个数值范围内的不重复的随机数的实现方法
2019/08/21 Python
python raise的基本使用
2020/09/10 Python
学会迭代器设计模式,帮你大幅提升python性能
2021/01/03 Python
详解canvas绘图时遇到的跨域问题
2018/03/22 HTML / CSS
英文版餐饮业求职信
2013/10/18 职场文书
优秀员工表扬信
2014/01/17 职场文书
逃课上网检讨书
2014/02/20 职场文书
《彩色世界》教学反思
2014/04/12 职场文书
艺人经纪人岗位职责
2014/04/15 职场文书
工会2014法制宣传日活动总结
2014/11/01 职场文书
办公室文员岗位职责
2015/02/04 职场文书
Go语言中break label与goto label的区别
2021/04/28 Golang
mysql使用 not int 子查询隐含陷阱
2022/04/12 MySQL