BootStrap selectpicker后台动态绑定数据的方法
本文为大家分享了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');
如果没有这句数据是绑定不进去的。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。
相关推荐
-
BootStrap selectpicker后台动态绑定数据
项目使用BootStrap设置select时,不能动态加载,使用以下方法可以解决. //获得全部订单信息(订单ID,订单名称) function GetAllOrders(obj) { $.ajax({ type: 'Get', url: '/OrderTypeSetting/GetAllCanUseOrderTypes/', dataType: "Json", success: function (data) { if (!data.flag) { $.each(data, func
-
BootStrap selectpicker
mark 一下使用 bootstrap selectpicker 遇到的一个小issue,作为下次查错使用 $('.selectpicker').selectpicker('val', 'Mustard');//单选 $('.selectpicker').selectpicker('val', ['Mustard','Relish']);//多选$('.selectpicker').selectpicker('refresh'); 可以刷新显示 mark一下问题:设置的val必须为option里
-
BootStrap selectpicker后台动态绑定数据的方法
本文为大家分享了BootStrap selectpicker后台动态绑定数据的方法,供大家参考,具体内容如下 html部分代码 <select class="selectpicker" multiple> </select> 这是一个下拉多选框,现在要动态往里添加下拉选项. js代码 <script type="text/javascript"> getOption(); function getOption(){ $.ajax(
-
javascript前端和后台进行数据交互方法示例
在开发中遇到了在没有jQuery的情况下需要与后台进行部分数据的交互,查找了部分资料使用JavaScript实现了操作,记录一下. //获取XMLHttpRequest对象用于与后台交互数据 function getXHR(){ var xmlHttp; try { xmlHttp=new XMLHttpRequest();//新版本浏览器 }catch(e) { try{ xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); } catch(e)
-
bootstrap中selectpicker下拉框使用方法实例
前言 最近一直在用bootstrap 的一些东西,写几篇博客记录下.... bootstrap selectpicker是bootstrap里比较简单的一个下拉框的组件,先看效果如下: 附上官网api链接,http://silviomoreto.github.io/bootstrap-select/. 下拉框的使用上基本操作一般是:单选.多选.模糊搜索.动态赋值等,下面来看如何使用: 使用方法如下 1.首先需要引入的css和js: bootstrap.css bootstrap-sele
-
Bootstrap table表格初始化表格数据的方法
一.项目说明 ①此项目是ASP.NET项目,开发语言是C# ②bootstrap-table使用需要下载对应的css和js插件 ③具体详情还需查看api文档 二.前端代码 <div class="table-responsive"> <table id="table" class="text-nowrap"> </table> </div> [说明] ①text-nowrap设置表格超出不换行而显示
-
利用ASP.NET MVC和Bootstrap快速搭建个人博客之后台dataTable数据列表
jQuery dataTables 插件是一个优秀的表格插件,是后台工程师的福音!它提供了针对数据表格的排序.浏览器分页.服务器分页.查询.格式化等功能.dataTables 官网也提供了大量的演示和详细的文档进行说明,为了方便使用,这里进行详细说明. 去官网:https://www.datatables.net/ 下载最新版本是v1.10.12. 在页面引入: <link rel="stylesheet" href="~/Content_Admin/css/boots
-
ajax提交数据到后台php接收(实现方法)
在网上看了很久,发现数据的利用ajax提交数据到后台其实很简单,但是很多讲解的并不清楚,对于初学者来说,很多真的是看着有点糊涂,拿来直接用,又想去了解怎么回事,其实利用ajax提交数据到后台是非常的简单的. $.ajax({ type: "POST", url: "register.php", data: "name=John&location=Boston", success: function(msg){ alert( "D
-
jQuery向后台传入json格式数据的方法
本文实例讲述了jQuery向后台传入json格式数据的方法.分享给大家供大家参考.具体分析如下: 前后台数据交互一般都用json格式,后台可以直接将json对应转化为实体对象.方便以后的操作.jQuery向后台传数据的时候,我们会发现他会自动转化成查询字符串,不能真正传入一个json.而且用jquery对表单序列化的时候,返回的格式是一个数组,还需要作进一步转换.其实只要我们在ajax方法中配置一些东西就可以完成.代码如下: <form id="ff"> <input
-
Flash与后台数据交换方法整理
一.LoadVars篇 我之所以把XML也放在这里说,是因为XML和LoadVars数据交互的方式大体相同,就是传递时的数据内容有点不一样而已! 我现在列出在开发过程最常用的"用户密码验证"实例,加以说明! 复制代码 代码如下: //=======================================================; // Flash代码; //==================================================
-
layui动态渲染生成左侧3级菜单的方法(根据后台返回数据)
声明:这里非常感谢闲心大神,开源了非常好用的前端UI框架,layui,如有侵权请联系我.当然闲心在2.0版本的layuiAdmin已经支持了,不过是收费版的,需要的同学可以自行购买,网址:http://www.layui.com/admin/pro/ 本人在做管理后台事用到了左侧的导航列表,但是管理后台进来的菜单是根据不同账户的权限,显示不同的菜单.这时候需要动态的渲染左侧的列表.但是1.0版本只是更新到2级菜单,不满足如下图的3级菜单需求,只能自己动手,改造源码 话不多说,上代码: 1.htm
随机推荐
- PHPCMS V9 添加二级导航的思路详解
- Mongo复制集同步验证的实例详解
- JQUERY实现网页右下角固定位置展开关闭特效的方法
- angular.js中解决跨域问题的三种方式
- 详解用函数式编程对JavaScript进行断舍离
- javascript实现网页子页面遍历回调的方法(涉及 window.frames、递归函数、函数上下文)
- IOS 网络请求中设置cookie
- Mybatis 简介与原理
- ASP.NET缓存的方法和最佳实践
- 浅谈JS中的三种字符串连接方式及其性能比较
- php 检查电子邮件函数(自写)
- 在IIS下安装PHP扩展的方法(超简单)
- 详解Python设计模式编程中观察者模式与策略模式的运用
- mysql事件的开启和调用
- 用Python编写web API的教程
- 使用Java生成jpg与压缩图片为jpg文件的代码示例
- jMessageBox 基于jQuery的窗口插件
- JavaScript中获取高度和宽度函数总结
- Win2008 r2服务器配置VPN服务器教程(图文详解)
- 不错的“木马”万能查杀法