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
mark 一下使用 bootstrap selectpicker 遇到的一个小issue,作为下次查错使用 $('.selectpicker').selectpicker('val', 'Mustard');//单选 $('.selectpicker').selectpicker('val', ['Mustard','Relish']);//多选$('.selectpicker').selectpicker('refresh'); 可以刷新显示 mark一下问题:设置的val必须为option里
-
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后台动态绑定数据的方法
本文为大家分享了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
随机推荐
- mongodb数据库游标的使用浅析
- 基于Ubuntu 16.04设置固定IP的方法教程
- Netsh 命令备份和恢复网络设置
- swift3.0键盘弹起遮挡输入框问题的解决方案
- jquery插件jquery.confirm弹出确认消息
- nginx HTTP模块配置常用指令
- 基于JS实现checkbox全选功能实例代码
- php 时间time与日期date之间的使用详解及区别
- Android开发之针对联系人的封装
- 全面解析Bootstrap排版使用方法(文字样式)
- 国内首发 -- ajax完整功能框架
- centos 安装免费控制面板kloxo步骤
- 单击按钮发送验证码,出现倒计时的简单实例
- Jquery给当前页或者跳转后页面的导航栏添加选中后样式的实例
- Javascript毫秒数用法实例
- android连接wifi时获取广播地址代码
- Android自定义View模仿虎扑直播界面的打赏按钮功能
- python2.7读取文件夹下所有文件名称及内容的方法
- 分布式爬虫处理Redis里的数据操作步骤
- python实现类之间的方法互相调用