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");
}
});
}

这样就可以了

转载于:https://www.cnblogs.com/zhuyeshen/p/11419262.html

bootstrap动态调用select下拉框相关推荐

bootstrap获取下拉框数据_bootstrap动态调用select下拉框的实现方法
bootstrap动态调用select下拉框的实例代码 html代码: 填报部门: JS代码: /*获取下拉菜单*/ function showSel(){ $.ajax({ "type&q ...
动态联动select下拉框实现
我们在做下拉框选择时,常常会遇到一种场景,就是需要两个下拉框,其中一个下拉框的选项和内容需要根据第一个的下拉框的选择动态变化. 比如我有大的分类: 有氧运动无氧运动选择有氧运动时,选项有:跑步, ...
动态渲染select下拉框选中状态
动态渲染select下拉框选中状态 <div><select name="selectBox" id="" class="selec ...
用Bootstrap实现搜索select下拉框：bootstrap-select
实现bootstrap搜索下拉框,本文采用bootstrap-select插件:bootstrap-select插件依赖jquery1.8+和bootstrap, 所以需要先引入jquery和boot ...
jQuery动态生成select下拉框
前一阵在项目里需要动态生成下拉框,找了一下用jQuery实现比较方便,这里整理一下. 下文所述方法只是本人在项目中遇到问题的解决方法,场景较为简单,也希望能帮助有需要的朋友 1.动态生成下拉框的两种方 ...
bootstrap select下拉框模糊搜索和动态绑定数据解决方法
bootstrap select下拉框模糊搜索和动态绑定数据解决方法参考文章: (1)bootstrap select下拉框模糊搜索和动态绑定数据解决方法 (2)https://www.cnblog ...
Layui实现动态生成select中的option项,同时设置select下拉框选中项
项目场景: 主要用于为民族select下拉框动态生成option值,同时在实现编辑功能时,表单中的select下拉框的选中项为后台传过来的数据. 举例: 如下图所示的表单内容,下图的民族和政治面貌se ...
layui 实现动态 radio 、select下拉框 jQuery赋值方法
layui radio .select 赋值方法下面展示一些 radio 单选框赋值. <div class="layui-inline layui-col-md4"> ...
select下拉框动态获取数据
需求:select下拉框中的数据是从后台接口中获取的,而不是自己写的假数据步骤:(这里是用jquery及ajax发送请求) 一.页面上导入jquery在线资源二.代码实列如下(仅供参考) < ...

bootstrap动态调用select下拉框

bootstrap动态调用select下拉框相关推荐

最新文章

热门文章