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. python虚拟环境 | virtualenv 的简单使用 （图文)

    一.创建virtualenv虚拟环境 mkvirtualenv -p 版本号 虚拟名 mkvirtualenv -p python3 env_1 python3:版本号 env_1: 虚拟环境名称 创 ...

  2. 由sql注入联想到PreparedStatement

    PreparedStatement极大地提高了安全性. 即使到目前为止,仍有一些人连基本的恶意SQL语法都不知道. String  sql  =  "select  *  from  tb_ ...

  3. javascript Uncaught ReferenceError: 方法名 is not defined

    前言: 那天我犯了这样一个低级错误,如果按照这样下去,根本在这条路上走不远.错的太离谱,把代码拿出来自己笑笑,等摆脱菜鸟之名的时候再回来好好的告诉自己,都是这么过来的,原来以前我菜的这么离谱.. 错误 ...

  4. python的Web框架，Django的ORM，模型基础，MySQL连接配置及增删改查

    Django中的ORM简介 ORM概念:对象关系映射(Object Relational Mapping,简称ORM): 用面向对象的方式描述数据库,去操作数据库,甚至可以达到不用编写SQL语句就能够 ...

  5. MySQL常用的备份方式与备份工具简介

    一.MySQL备份方式与备份类型 1.备份的必要性 再生产环境中,为了防止硬件故障.软件故障.自然灾害.误操作等各种原因导致的数据库数据丢失后能恢复到事故之前的状态,我们需要对数据库进行备份和恢复操作 ...

  6. c++中虚函数和多态性

    1.直接看下列代码: #include <iostream> using namespace std; class base{ public: void who(){ cout<&l ...

  7. C# ListBox 自动滚动到底部 方法:

    在ListBox中添加一条记录(ListBox.Items.Add方法)后,滚动条会自动回到顶部.我们可能更希望它自动滚动到底部,简要介绍几种方法. 方法一: this.listBox1.Items. ...

  8. 【转】CentOS 7部署ASP.NET Core应用程序

    很早就看过关于net core部署在Linux上的文章,自己也曾亲自将项目部署在Linux上,今天看到这篇文章,为其格式之工整而转! 1.环境准备 网上看了一下,Linux云服务器还挺贵的,那就只好先 ...

  9. angularjs学习第四天笔记（第一篇：简单的表单验证）

    您好,我是一名后端开发工程师,由于工作需要,现在系统的从0开始学习前端js框架之angular,每天把学习的一些心得分享出来,如果有什么说的不对的地方,请多多指正,多多包涵我这个前端菜鸟,欢迎大家的点 ...

  10. 近乎产品MVC架构介绍-多租户模式

    应用的数据部分支持多租户,租户可以是呈现区域(PersentArea)也可以是另一个应用.在数据库设计方面采用最简单的方式,在应用数据表中增加TenantTypeId(存储对应的Application ...