jQuery 下拉多选框的使用方法

  效果图


  一、基本属性

  1.全选和全不选,如效果图中第3部分

  checkAllText 默认值:check all

  uncheckAllText 默认值:uncheck all

  $("select").multiselect({

  checkAllText: "全选",

  uncheckAllText:"全不选"

  });

  2.选中项的提示信息,如图中第2部分

  selectedText 默认:# selected

  $("select").multiselect({

  selectedText: 选中【#】项 ,总共【 #】项"

  });

  3.被选中的value值,如图第1部分显示的内容

  $("select").find("option:selected").text();

  4.被选中的项对应的key值,返回数据格式如下:

  1,2,3,6,7

  var keys = $("#depart").val();

  二、基本事件

  beforeopen 当下拉框被打开前的事件

  open

  beforeclose 下拉框被关闭前的事件

  close

  checkall 全选后的事件

  uncheckall 全不选的事件

  click 当选中一个时的点击事件

  三、主要的方法

  refresh 刷新控件

  checkAll Check all checkboxes.

  uncheckAll Uncheck all checkboxes.

  getChecked Returns an array of all the checked checkboxes.

时间: 2024-08-07 13:12:11

jQuery 下拉多选框的使用方法的相关文章

我想做个这样的下拉复选框,如何实现

问题描述 我想做个这样的下拉复选框,如何实现 解决方案 select无法实现你这种功能,需要用js来模拟.. 多选的:http://www.veryhuo.com/down/html/jquery-multiselect.html 单选:http://www.51xuediannao.com/js/jquery/select2.html 解决方案二: 建议找js插件实现, 解决方案三: 必须要使用插件吗? 我在以前的一家公司是这样的代码,平时也没注意过样式问题,帮分析下吧 multiple='m

extjs4-Extjs4下拉多选框提交所有值问题源码步骤

问题描述 Extjs4下拉多选框提交所有值问题源码步骤 看了一些网上的关于Extjs多选下拉,但是都是老版本的,4.0以上版本的找不到合适的用 求给一个4.0的可用的 多选下拉的 案例 解决方案 combobox配置multiSelect为true就行了http://docs.sencha.com/extjs/4.1.3/#!/api/Ext.form.field.ComboBox-cfg-multiSelect

值提交-下拉多选框提交所有值问题

问题描述 下拉多选框提交所有值问题 我要做的一个功能,就是一开始就是提交下拉多选框里所有的值,如图: 如图,右边下拉框里所有的值全部要提交,而且还要按当前顺序提交不能打乱顺序,所以我本来是用的隐藏的radio选中获取值的,可是那样提交的值是按照id 的顺序来的,不是选择的顺序,不和需求,所以不可以. 后来在网上搜索,写JS 在页面离开之前,选中右边下拉框里所有的值. $($(".tab").find("option[value!='-1']")).attr(&quo

ExtJS 下拉多选框lovcombo_javascript技巧

开始以为很简单,在option里加个input checkbox就行了.哪知行不通,网上搜了一些实现方法,主要是用div层来模拟下拉.本想照着这种思路,再结合这个项目具体应用自己写一个,发现太麻烦了.刚好在另外一个项目中使用extjs,找到了一个扩展lovcombo,学习了一下它自带的例子(配合2.3版的extjs,3.x版的貌似有问题).例子倒不难,关键是要把它添加到现有的代码中,并且尽量少的改动原有代码. 下拉多选框的使用过程中处理比较多的逻辑主要集中在数据源store的配置和select事

在jquery repeater中添加设置日期,下拉,复选框等控件_实用技巧

如果, 有不明白的问题, 请先阅读 30 分钟掌握无刷新 Repeater. 示例代码下载: http://zsharedcode.googlecode.com/files/JQueryElementDemo.rar 本文将详细的讲解 Repeater 控件的模板中如何处理控件, 目录如下: * 准备 * html 元素 * 文本框 * 下拉框 * 多行文本框 * 复选框 * jQueryUI 插件 * jQueryUI 日期框 * jQueryUI 按钮 * jQueryUI 自动匹配 示例图

基于jQuery下拉选择框插件支持单选多选功能代码_jquery

由于最近项目的需求,需要做一个下拉选择框的插件,支持单选显示表单数据,多选显示表格数据,该插件主要运用了jQuery与jqgrid以及easyui. 下面给大家展示下效果图,如果大家感觉还不错,请参考实现代码: 多选:呈现列表 具体代码如下所示: /** *下拉框插件-chooseList *调用插件的方式以及格式: * 1.首先你需要创建一个div面板,给div定义ID * 2.在你所需要的地方调用插件: * 参数说明: * $("#divID").chooseList({ * qu

php简单获取复选框值的方法_php技巧

本文实例讲述了php简单获取复选框值的方法.分享给大家供大家参考,具体如下: html: <form id="form1" name="form1" method="post" action="checkbox.php"> <input type=checkbox name=checkbox[] value="1"> <input type=checkbox name=chec

jquery 下拉菜单niceForm插件,支持单选和多选

jquery+%CF%C2%C0%AD%B2%CB%B5%A5/" target="_blank">jquery 下拉菜单插件 使用方法  代码如下 复制代码 $(function(){    //调用方式    $("select").niceForm({    eventType:'click',  //默认为单击事件   change:function(){} //下拉菜单发生change事件时触发的回调函数       }); }); htm

jQuery下拉框的简单应用_jquery

先看看效果图: 大家肯定都见过类似效果的网页,怎么实现的呢,代码很简单: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style type="text/css"> * { margin:0; padding:0; } d