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 相关文章推荐
javascript创建和存储cookie示例
Jan 07 Javascript
js简单实现交换Li的值
May 22 Javascript
jquery表单验证插件(jquery.validate.js)的3种使用方式
Mar 28 Javascript
javascript笛卡尔积算法实现方法
Apr 08 Javascript
在AngularJS应用中实现一些动画效果的代码
Jun 18 Javascript
JavaScript检测字符串中是否含有html标签实现方法
Jul 01 Javascript
jquery简单倒计时实现方法
Dec 18 Javascript
JS获取短信验证码倒计时的实现代码
May 22 Javascript
小程序视频或音频自定义可拖拽进度条的示例代码
Sep 30 Javascript
对node通过fs模块判断文件是否是文件夹的实例讲解
Jun 10 Javascript
详解如何在Javascript和Sass之间共享变量
Nov 13 Javascript
详解JavaScript中的执行上下文及调用堆栈
Apr 29 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邮件发送,php发送邮件的类
2011/03/24 PHP
探讨PHP使用eAccelerator的API开发详解
2013/06/09 PHP
使用Sphinx对索引进行搜索
2013/06/25 PHP
浅析PHP原理之变量(Variables inside PHP)
2013/08/09 PHP
php实现查看邮件是否已被阅读的方法
2013/12/03 PHP
PHP数组实际占用内存大小原理解析
2020/12/11 PHP
破解Session cookie的方法
2006/07/28 Javascript
一个多次搜索+多次传值的解决方案
2007/01/20 Javascript
JavaScript的9个陷阱及评点分析
2008/05/16 Javascript
JavaScript String.replace函数参数实例说明
2013/06/06 Javascript
jquery中通过父级查找进行定位示例
2013/06/28 Javascript
js导入导出excel(实例代码)
2013/11/25 Javascript
javascript常用代码段搜集
2014/12/04 Javascript
jQuery中click事件的定义和用法
2014/12/20 Javascript
javascript实现加载xml文件的方法
2015/11/24 Javascript
JQuery日历插件My97DatePicker日期范围限制
2016/01/20 Javascript
Javascript+CSS3实现进度条效果
2016/10/28 Javascript
JavaScript定义全局对象的方法示例
2017/01/12 Javascript
js仿网易表单及时验证功能
2017/03/07 Javascript
Vue Transition实现类原生组件跳转过渡动画的示例
2017/08/19 Javascript
微信小程序canvas拖拽、截图组件功能
2018/09/04 Javascript
用Pygal绘制直方图代码示例
2017/12/07 Python
对python list 遍历删除的正确方法详解
2018/06/29 Python
python3安装speech语音模块的方法
2018/12/24 Python
python3 selenium自动化测试 强大的CSS定位方法
2019/08/23 Python
django项目中新增app的2种实现方法
2020/04/01 Python
提高python代码运行效率的一些建议
2020/09/29 Python
python绕过图片滑动验证码实现爬取PTA所有题目功能 附源码
2021/01/06 Python
数据库连接池的工作原理
2012/09/26 面试题
毕业学生推荐信
2013/12/01 职场文书
偷看我的初中毕业鉴定
2014/01/29 职场文书
2014年党的群众路线教育实践活动总结
2014/04/25 职场文书
论文致谢词范文
2015/05/14 职场文书
催款函怎么写
2015/06/24 职场文书
JavaScript实现简单拖拽效果
2021/09/15 Javascript
mysql中关键词exists的用法实例详解
2022/06/10 MySQL