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. springboot + mybatis

    这两天启动了一个新项目因为项目组成员一直都使用的是mybatis,虽然个人比较喜欢jpa这种极简的模式,但是为了项目保持统一性技术选型还是定了 mybatis.到网上找了一下关于spring boot ...

  2. 一些oracle的经验

    注:再写存储过程的时候,在for循环里要写begin和end,这样就可以写exception ,让这条错误数据回滚,然后记录错误日志,commit 关键字: oracle 存储过程 1.基本结构 CR ...

  3. ZooKeeper和Curator相关经验总结

    一.关于ZooKeeper的watch用法,需要注意 详细说明如下: ZooKeeper Watches All of the read operations in ZooKeeper - getDa ...

  4. Spring Cloud OAuth2.0 微服务中配置 Jwt Token 签名/验证

    关于 Jwt Token 的签名与安全性前面已经做了几篇介绍,在 IdentityServer4 中定义了 Jwt Token 与 Reference Token 两种验证方式(https://www ...

  5. 「Java基本功」一文读懂Java内部类的用法和原理

    内部类初探 一.什么是内部类? 内部类是指在一个外部类的内部再定义一个类.内部类作为外部类的一个成员,并且依附于外部类而存在的.内部类可为静态,可用protected和private修饰(而外部类只能 ...

  6. GMap.NET实现电子围栏功能（WPF版）

    前言 GMap.NET是一个强大.免费.跨平台.开源的.NET控件.分为WPF和winform版.GMap.NET的基本知识不做过多介绍,本文主要介绍如何使用该控件实现电子围栏功能. 电子围栏主要有两 ...

  7. Django集成Markdown编辑器【附源码】

    专注内容写作的你一定不要错过markdown 简单介绍 markdown是一种标记语言,通过简单的标记语法可以使普通的文本内容具有一定的格式,使用非常简单,学习成本极低 目前各大Blog平台都已支持m ...

  8. 项目实战安装工具箱Busybox

    1.Busybox是一个集成了100多个最常用Linux命令的软件工具箱,他在单一的可执行文件中提供了精简的UNIX工具集.该工具箱中包含了常见简单实用的工具如cat.echo.grep.find.m ...

  9. 在centos上使用yum安装rabbitmq-server

    rabbitmq及其依赖环境 rabbitmq安装之前需要安装socat,否则直接安装rabbitmq可能会报错 如果没有找到,则先安装epel源 yum -y install epel-releas ...

  10. 《深入理解Java虚拟机》（六）堆内存使用分析，垃圾收集器 GC 日志解读

    堆内存使用分析,GC 日志解读 重要的东东 在Java中,对象实例都是在堆上创建.一些类信息,常量,静态变量等存储在方法区.堆和方法区都是线程共享的. GC机制是由JVM提供,用来清理需要清除的对象, ...