当前位置:主页 > javascript教程 > bootstrap动态调用select下拉框的实例代码

bootstrap动态调用select下拉框的实现方法

发布:2019-12-08 12:33:21 144


给网友朋友们带来一篇bootstrap相关的编程文章,网友郝熠彤根据主题投稿了本篇教程内容,涉及到bootstrap、动态调用、select、bootstrap动态调用select下拉框的实例代码相关内容,已被633网友关注,下面的电子资料对本篇知识点有更加详尽的解释。

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下拉框的实例代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持码农之家。


参考资料

相关文章

  • BootStrap Fileinput上传插件实例详解

    发布:2019-11-18

    这篇文章主要介绍了BootStrap Fileinput上传插件使用实例代码,,通过引入js和css文件,具体实现代码大家参考下本文


  • Bootstrap表单验证功能代码分享

    发布:2020-06-03

    这篇文章主要为大家详细介绍了基于Bootstrap表单验证功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下


  • java代码设置selector的背景颜色实例方法

    发布:2020-07-21

    这篇文章主要介绍了JAVA代码设置selector不同状态下的背景颜色,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下


  • BootStrap动态、静态模态框实例

    发布:2021-05-11

    要用bootStrap这个框架就必须要重载它的class类,也就是说class要一样。接下来通过实例代码给大家介绍BootStrap的动态模态框及静态模态框,需要的朋友可以参考下


  • 详解bootstrap table双击可编辑、添加、删除行

    发布:2020-02-19

    这篇文章主要为大家详细介绍了bootstrap table实现双击可编辑、添加、删除行功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下


  • JS实现两个select下拉框选项左右移动的实例代码

    发布:2019-11-23

    这篇文章主要介绍了JavaScript实现两个select下拉框选项左移右移功能,js实现下拉框元素互相移动,具有一定的参考价值,感兴趣的小伙伴们可以参考一下


  • MultiSelect左右选择控件的设计与实现介绍

    MultiSelect左右选择控件的设计与实现介绍

    发布:2022-06-14

    给大家整理一篇关于MultiSelect的教程,由于项目中用到左右选择的控件,网上找了一些相关的实现,基本上有两个:1、基于JQuery UI的控件2、某个兄弟手写的一个控件,具体实现如下,感兴趣的朋友可以参考下哈


  • Bootstrap可折叠侧边导航菜单实现代码

    发布:2020-04-24

    这篇文章主要介绍了Bootstrap实现可折叠分组侧边导航菜单的相关资料,需要的朋友可以参考下


网友讨论