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 相关文章推荐
基于jquery+thickbox仿校内登录注册框
Jun 07 Javascript
Prototype源码浅析 String部分(四)之补充
Jan 16 Javascript
javascript计时器详解
Feb 28 Javascript
js数组依据下标删除元素
Apr 14 Javascript
js友好的时间返回函数
Aug 24 Javascript
微信小程序 实战小程序实例
Oct 08 Javascript
js中的eval()函数把含有转义字符的字符串转换成Object对象的方法
Dec 02 Javascript
js 数据存储和DOM编程
Feb 09 Javascript
jQuery插件HighCharts绘制的2D堆柱状图效果示例【附demo源码下载】
Mar 14 Javascript
运用jQuery写的验证表单(实例讲解)
Jul 06 jQuery
基于jQuery Ajax实现下拉框无刷新联动
Dec 06 jQuery
ES6基础之默认参数值
Feb 21 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
动漫女神老婆无限好,但日本女生可能就不是这么一回事了!
2020/03/04 日漫
PHP设计模式之代理模式的深入解析
2013/06/13 PHP
Php output buffering缓存及程序缓存深入解析
2013/07/15 PHP
PHP中Header使用的HTTP协议及常用方法小结
2014/11/04 PHP
PHP实现简单搜歌的方法
2015/07/28 PHP
Zend Framework教程之模型Model基本规则和使用方法
2016/03/04 PHP
PHP7下协程的实现方法详解
2017/12/17 PHP
弹出层之1:JQuery.Boxy (一) 使用介绍
2011/10/06 Javascript
javascript中onmouse事件在div中失效问题的解决方法
2012/01/09 Javascript
jQuery源码中的chunker 正则过滤符分析
2012/07/31 Javascript
基于JQuery的列表拖动排序实现代码
2013/10/01 Javascript
jQuery判断checkbox是否选中的小例子
2013/12/02 Javascript
jquery对元素拖动排序示例
2014/01/16 Javascript
js脚本实现数据去重
2014/11/27 Javascript
Javascript中Array用法实例分析
2015/06/13 Javascript
移除AngularJS下URL中的#字符的方法
2015/06/19 Javascript
浅谈jQuery双事件多重加载的问题
2016/10/05 Javascript
openlayers实现图标拖动获取坐标
2020/09/25 Javascript
React Ant Design树形表格的复杂增删改操作
2020/11/02 Javascript
Python中关于Sequence切片的下标问题详解
2017/06/15 Python
Python pycharm 同时加载多个项目的方法
2019/01/17 Python
详解Python 解压缩文件
2019/04/09 Python
详解PyCharm+QTDesigner+PyUIC使用教程
2019/06/13 Python
python 中Arduino串口传输数据到电脑并保存至excel表格
2019/10/14 Python
Pytorch实现各种2d卷积示例
2019/12/30 Python
Pandas —— resample()重采样和asfreq()频度转换方式
2020/02/26 Python
python的json包位置及用法总结
2020/06/21 Python
维氏瑞士军刀英国网站:Victorinox英国
2019/07/04 全球购物
一套C++笔试题面试题
2012/06/06 面试题
有针对性的求职自荐信
2013/11/14 职场文书
小学生家长评语集锦
2014/01/30 职场文书
《悯农》教学反思
2014/04/28 职场文书
MySQL 8.0 之不可见列的基本操作
2021/05/20 MySQL
Java中PriorityQueue实现最小堆和最大堆的用法
2021/06/27 Java/Android
Win11安装受阻怎么办? Windows11安装问题与解决方案汇总
2021/11/21 数码科技
JavaScript ES6的函数拓展
2022/01/18 Javascript