bootstrap动态调用select下拉框
html代码:
- <label for="classify" class="col-sm-2 control-label">填报部门:</label>
 - <div class="col-sm-3">
 - <select class="selectpicker form-control" data-live-search="true" name="addid" id="addid">
 - </select>
 - </div>
 
 JS代码:
- /*获取下拉菜单*/
 - function showSel(){
 - $.ajax({
 - "type" : 'get',
 - "url": 地址,
 - "dataType" : "json",
 - "success" : function(data) {
 - var depart_list = data.data;
 - var opts = "";
 - for( var depart_index = 0 ; depart_index < depart_list.length; depart_index++ ){
 - var depart = depart_list[depart_index];
 - opts += "<option value='"+需要加的.id+"'>"+显示的名称.name+"</option>";
 - }
 - // 查询界面
 - $("#addid").append(opts);
 - $("#addid").selectpicker("refresh");
 - }
 - });
 - }
 
这样就可以了
bootstrap动态调用select下拉框的更多相关文章
- 【jquery】ajax 动态 改变 select下拉框选中的值
		
//JS<script type="text/javascript> //ajax动态给添加原料的[商品名称]下拉框绑定selected属性 $("#origin_co ...
 - jQuery动态生成<select>下拉框
		
前一阵在项目里需要动态生成下拉框,找了一下用jQuery实现比较方便,这里整理一下. 下文所述方法只是本人在项目中遇到问题的解决方法,场景较为简单,也希望能帮助有需要的朋友 1.动态生成下拉框的两种方 ...
 - angularjs小练习(分别通过ng-repeat和ng-option动态生成select下拉框)
		
本次做一个简单的关于动态生成select的练习 在实现上有两种方式: 其一.通过ng-repeat来实现 其二.通过ng-option来实现 在页面效果上,两种实现的效果都一样 但是在数据选择的数据从 ...
 - Bootstrap Flat UI的select下拉框显示不出来 问题解决
		
Bootstrap Flat UI的select下拉框显示不出来?看这里,恰巧今天我也遇到了这个问题: 点击Messages后并没有出现下拉列表,然而官网的index.html却能显示出来. 经过一番 ...
 - firefox浏览器中 bootstrap 静态弹出框中select下拉框不能弹出(解决方案)
		
问题出现场景1: 在firefox浏览器中在bootstrap弹出的modal静态框中再次弹出一个静态框时 select下拉框不能弹出选项 解决方案:去掉最外层静态框的 tabindex=" ...
 - layui select 下拉框 级联 动态赋值 与获取选中值
		
//下拉框必须在 class="layui-form" 里 不然监听事件没有作用 <div class="layui-form" > <div ...
 - 自定义样式的select下拉框深入探索
		
第一个版本: 首先实现自定义select下拉框应该具有的功能,我是选择将原来的select隐藏掉,自己在jquery代码中动态写进去<dl><dd><dt>这样的结 ...
 - jquery取消选择select下拉框
		
有三个select下拉框一个大类,两个小类隐藏,需要在选择大类的时候,小类显示同时清除另外的小类选择的项这需求有点儿.......... 下面是三个select: <select name=&q ...
 - jQuery插件实现select下拉框左右选择_交换内容(multiselect2side)
		
效果图: 使用jQuery插件---multiselect2side做法: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitio ...
 
随机推荐
- mysql数据库负载均衡高可用之主从、主主备份,实时同步
			
一:MySQL Replication 什么是MySQL Replication Replication可以实现将数据从一台数据库服务器(master)复制到一或多台数据库服务器(slave) 默认情 ...
 - 转 appium grid分布式环境搭建
			
https://blog.csdn.net/ljl6158999/article/details/80803239 说起grid,了解selenium的人肯定知道,他就是分布式的核心.原理是简历中心h ...
 - JavaScript的二维数组
			
二维数组的初始化: 实例① var arr = [[1,2],['a','b']]; console.log(arr[1][0]); //a 第2列第1行所在的元素 实例② var arr = new ...
 - 工作笔记之20170223:①关于Html5的placeholder属性,②以及input的outline:none的样式问题
			
关于这边几个样式问题,重点有这么几个: (1)placeholder="请输入密码" (2) color:#BEB6B6; border:0px; border-bottom:1p ...
 - 各类无次数限制的免费API接口,再也不怕找不到免费API了
			
各类无次数限制的免费API接口整理,主要是聚合数据上和API Store上的一些,还有一些其他的. 聚合数据提供30大类,160种以上基础数据API服务,国内最大的基础数据API服务,下面就罗列一些免 ...
 - 声明对象的方式/构造函数/原型/this指向
			
函数的发展历程(声明函数的方式): 1.通过Object构造函数或字面量的方式创建单个对象 var obj = new Object; obj.name="新华"; o ...
 - http协议中常见的状态码以及请求方式,http协议的组成
			
请求状态码: 2xxx:表示请求成功,例如200. 3xxx:表示请求被重定向,表示完成请求,需要进一步操作,例如 302. 4xxx:表示请求错误,例如:404,资源没有找到. 5xxx:表示服务器 ...
 - k3 cloud的单据存储在业务对象表中
			
k3 cloud的单据存储在业务对象表中,表名为T_META_OBJECTTYPE,查询表名和对应的表: select FNAME,FBASEOBJECTID from T_META_OBJECTTY ...
 - 前端开发HTML&css入门——一些其他常用的文本标签
			
em标签和strong标签 i标签和b标签 small标签 cite标签 q标签和blockquote标签 em主要表示语气上的强调,em在浏览器中默认使用斜体显示strong表示强调的内容,比em更 ...
 - linux 源码安装postgresql
			
下载源码包 --安装所需要的系统软件包 yum groupinstall -y "Development tools" yum install -y bison flex read ...