HeBeiTianQi.jsp页面

 1 <!--bootstrap-select          .css引用-->

 2 <link rel="stylesheet" href="static/bootstrap-select/bootstrap-select.min.css" />

 3 <body>

 4 <div class="col-sm-2" style="width:250px">

 5     <label class="control-label" for="txt_search_departmentname">灾害类别</label>

 6     <select class="selectpicker" multiple  id="disasterType" name="slt_followDisasterType">

 7         <option value="全部">全部</option>

 8         <option value="暴雨洪涝">暴雨洪涝</option>

 9         <option value="干旱">干旱</option>

10         <option value="风灾">风灾</option>

11         <option value="冰雹">冰雹</option>

12         <option value="雷电">雷电</option>

13         <option value="大雾">大雾</option>

14         <option value="沙尘暴">沙尘暴</option>

15         <option value="高温热浪">高温热浪</option>

16         <option value="渍涝">渍涝</option>

17         <option value="干热风">干热风</option>

18         <option value="气象地质灾害">气象地质灾害</option>

19         <option value="风暴潮">风暴潮</option>

20         <option value="病虫害">病虫害</option>

21         <option value="森林草原火灾">森林草原火灾</option>

22         <option value="龙卷">龙卷</option>

23     </select>

24 </div>

25 <!--bootstrap-select          .js引用-->

26 <script src="static/bootstrap-select/bootstrap-select.js"></script>

27 </body>

HeBeiTianQi.js

 1 $('#disasterType').selectpicker('val', ['全部']);//赋初始值

 2 //获取   TianQi.jsp页面   选择的灾害类型值（可多选）

 3 function disasterTypeVal(){

 4     var optionSelect=$('#disasterType').find("option:selected").val('value');

 5     var optionSelectValArr=new Array();

 6     var len="";

 7     for(var i=0,len=optionSelect.length;i<len;i++){

 8         var optionSelectVal=optionSelect[i].text;    //获取数组  option的值

 9         optionSelectValArr.push(optionSelectVal);

10     }

11     var disasterTypeStr=optionSelectValArr.join(",");

12     return disasterTypeStr;

13 }

bootstrap-select插件 多选框的更多相关文章

  1. Bootstrap 历练实例 - 按钮（Button）插件复选框

    复选框(Checkbox) 您可以创建复选框按钮 组,并通过向 btn-group 添加 data 属性 data-toggle="buttons" 来添加复选框按钮组的切换. & ...

  2. BootStrap iCheck插件全选与获取value值的解决方法

    这篇文章主要介绍了BootStrap iCheck插件全选与获取value值的解决方法,解决方法其实很简单,下面小编给大家分享下这方面的知识 在使用jQuery iCheck 插件的时候遇到了一个问题 ...

  3. 使用bootstrap的插件实现模态框效果

    在上一篇文章中,我们使用 js+css 实现了模态框效果,在理解了模态框的基本实现方法和实现效果后,我们就要寻找更快捷的方法,又快又好的来完成模态框开发需求,从而节约时间,提高效率.一个好的轮子,不仅 ...

  4. bootstrap table保留多选框的分页

    有时候需要完成这种情况: 1.需要设置的是如果第一页点击复选框然后点击其他页面的话,第一页的选项被保存了 2.将所有选择好的复选款的数据保存在数组中 bootstrap table官方文档http:/ ...

  5. 下拉选择select和复选框checkbox的状态的各种方式

    复选框的状态 <input name="ck" value=" " type="checkbox"  checked> 或者&l ...

  6. Bootstrap弹窗插件（拟态框）关闭后回调函数

    $(function(){ $('#questionnaire').on('hidden.bs.modal',function(){ //清除缓存方法 }); }); 事件 Bootstrap 的模态 ...

  7. select下拉选框的默认值，包括每次进入页面的默认值

    下拉选: <select onchange="selectTotal(this.value)" style="width: 50px;">      ...

  8. Bootstrap系列 -- 17. 复选框checkbox和单选择按钮radio

    Bootstrap框架中checkbox和radio有点特殊,Bootstrap针对他们做了一些特殊化处理,主要是checkbox和radio与label标签配合使用会出现一些小问题(最头痛的是对齐问 ...

  9. select2插件 多选框动态初始化值

    转自https://blog.csdn.net/yiyiwyf/article/details/53521980 上一篇讲了select2的多选和大标题设置. 这周做到了修改的功能,需要将旧数据的选项 ...

随机推荐

  1. canvas图片上传相关学习

    今天主要是研究了canvas的关于图片上传的相关知识, context.drawImage(img,sx,sy,swidth,sheight,x,y,width,height);  

  2. Android并发编程 多线程与锁

    该文章是一个系列文章,是本人在Android开发的漫漫长途上的一点感想和记录,如果能给各位看官带来一丝启发或者帮助,那真是极好的. 前言 前一篇Android并发编程开篇呢,主要是简单介绍一下线程以及 ...

  3. Java工程师学习指南 中级篇

    Java工程师学习指南 中级篇 最近有很多小伙伴来问我,Java小白如何入门,如何安排学习路线,每一步应该怎么走比较好.原本我以为之前的几篇文章已经可以解决大家的问题了,其实不然,因为我写的文章都是站 ...

  4. lightswitch 添加 TreeView 控件

    代码片段 <UserControl xmlns:sdk="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk&q ...

  5. Django之模型层（多表操作）

    一.创建模型 1,一对多关系 一本书只有一个出版社,一个出版社可以出版多本书,从而书与出版社之间就构成一对多关系,书是‘多’的一方,出版社是‘一’的一方,我们在建立模型的时候,把外键写在‘多’的一方, ...

  6. 细说Redis（一）之 Redis的数据结构与应用场景

    这一篇文章主要介绍Redis的数据结构与应用场景 NOSQL之Redis Redis是一款由key-value存储的软件.说起NOSQL,有文档型.键值型.列型存储.图形数据库.其中,在简单的读写性能 ...

  7. Jquery的ID选择器

    <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></scri ...

  8. c# API接受图片文件以文件格式上传图片

    /// 文件图片上传 /// </summary> /// <returns>成功上传返回上传后的文件名</returns> [HttpPost] public a ...

  9. 聚簇索引（聚集索引） 不可作用于GUID类型字段

    聚簇索引(又名聚集索引) 不可作用于GUID类型字段,即:数据库中不要把GUID类型作为主键或设置为聚集索引. 聚集索引:索引的物理存储顺序与数据表中行数据物理存储顺序一致(索引存储物理有序). 非聚 ...

  10. JavaScript函数箭头的优势在哪里

    译者按: 看上去只是语法的变动,其实也影响了this的作用域. 原文: JavaScript: Arrow Functions for Beginners 译者: Fundebug 为了保证可读性,本 ...