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. 关于resin的illegal utf8 encoding at (190)解决方式

    最近在项目开发中,出现了编码异常,内容如下:- illegal utf8 encoding at (190)com.caucho.jsp.JspParseException: illegal utf8 ...

  2. python-UiAutomator学习&使用

    一.安装 源码地址: https://github.com/xiaocong/uiautomator#basic-api-usages ①下载zip包,解压到本地目录下 ②进入对应目录下,执行 $su ...

  3. Java第三方支付接入案例（支付宝）

    开源项目链接 Kitty 开源权限管理系统 项目地址:https://gitee.com/liuge1988/kitty 演示地址:http://139.196.87.48:9002/kitty 用户 ...

  4. Java并发编程笔记之读写锁 ReentrantReadWriteLock 源码分析

    我们知道在解决线程安全问题上使用 ReentrantLock 就可以,但是 ReentrantLock 是独占锁,同时只有一个线程可以获取该锁,而实际情况下会有写少读多的场景,显然 Reentrant ...

  5. C语言第四讲,typedef 关键字,以及作用域

    C语言第四讲,typedef 关键字,以及作用域 一丶typedef关键字 在C语言中,有typedef 关键字,这个关键字的作用就是允许你为类型定义一个新的名字,也就是 起个别的名字 例如: typ ...

  6. CEF C++环境搭建

    第一步:下载CEF 到这里下载最新版本的CEF http://cefbuilds.com/ 下载解压之后,大概会看到如下图所示的文件 cefclient:是一个比较复杂的示例代码cefsimple:是 ...

  7. React native 环境搭建遇到问题解决(android)

    新建项目 react-native init TestApp 运行项目 react-native run-android 不好意思,错误马上就到了 问题一 通常遇到这个错误之后,系统会给出这个具体详情 ...

  8. Oracle入门《Oracle介绍》第一章1-4 Oracle 用户管理

    1.Oracle 默认用户 只有用合法的用户帐号才能访问Oracle数据库 Oracle 有几个默认的数据库用户 数据库中所有数据字典表和视图都存储在 SYS 模式中.SYS用户主要用来维护系统信息和 ...

  9. API网关【gateway 】- 3

    最近在公司进行API网关重写,公司内采用serverMesh进行服务注册,调用,这里结合之前学习对API网关服务进行简单的总结与分析. 由于采用了大量的nginx相关的东西,所以在此记录一下: 在ng ...

  10. GDB使用技巧

    最近使用GDB比较多,发现除了最常用的run.break.continue.next等命令的基本用法外,还有一些非常有用的命令和用法,能让你更加得心应手地使用GDB,在这里做了一下简单的总结. 1. ...