- 浏览: 219186 次
- 性别:
- 来自: 北京
文章分类
最新评论
下载及代码:http://www.erichynds.com/examples/jquery-ui-multiselect-widget/demos/index.htm#filter
api(参数):http://www.erichynds.com/blog/jquery-ui-multiselect-widget
Demo:http://www.erichynds.com/examples/jquery-multiselect/examples.htm
效果:
自己使用:
常用及汉化:
默认选中:
$("select option:nth-child(1), select option:nth-child(3)").attr("selected", "selected");
$("select").multiselect("refresh");
获得选中:
var array_of_checked_values = $("#assignUserId").multiselect("getChecked").map(function(){
return this.value;
}).get();
api(参数):http://www.erichynds.com/blog/jquery-ui-multiselect-widget
Demo:http://www.erichynds.com/examples/jquery-multiselect/examples.htm
效果:
自己使用:
常用及汉化:
$("#assignUserId").multiselect({ header: "选择处理人", noneSelectedText: "未选择", checkAllText: "选择全部", uncheckAllText: "取消全部", minWidth:150, selectedText: function(numChecked, numTotal, checkedItems){ return $(checkedItems[0]).next('span').html(); } }); var array_of_checked_values = $("#assignUserId").multiselect("getChecked").map(function(){ return this.value; }).get();
默认选中:
$("select option:nth-child(1), select option:nth-child(3)").attr("selected", "selected");
$("select").multiselect("refresh");
获得选中:
var array_of_checked_values = $("#assignUserId").multiselect("getChecked").map(function(){
return this.value;
}).get();
配置: defaultMultiselectOptions : { header: false, noneSelectedText: "请选择", checkAllText: "选择全部", uncheckAllText: "取消全部", minWidth:150, selectedText: function(numChecked, numTotal, checkedItems){ return $(checkedItems).map(function(){ return $(this).next('span').html(); }).get(); } }
发表评论
-
web界面父子页面互相调用
2017-10-27 14:25 580父页面:parent.html <!DOCT ... -
多选下拉框的回显(Select)
2015-10-20 17:29 10364多选下拉框打印时候是已数组形式展现的,按这种思路: &l ... -
jqgrid 网址
2015-05-13 16:41 497http://www.trirand.com/blog/jqg ... -
JQuery EasyUI combobox动态添加option
2015-03-20 09:41 1704<input class="easyui-c ... -
easy datagrid 获得page信息
2015-02-03 11:07 583var grid = $('#datagrid'); va ... -
easy ui datagrid api
2015-01-29 12:58 637http://www.jeasyui.com/document ... -
扩展easy ui tree 层级(level)
2014-12-22 10:38 838$.extend($.fn.tree.methods, { ... -
jquery 下拉框按text 选中
2014-11-18 16:03 430jQuery("#separator option[ ... -
jqGrid增加滚动条
2014-10-28 10:15 1867滚动条: $(xxx).jqGrid({ ...... aut ... -
jqGrid 行编辑(select事件)动态追加控件(操作)
2014-09-15 11:26 7353在某个控件后面, 追加一个控件, 在某个控件下面设置 ... -
jQuery validate 自定义样式、规则
2014-09-12 17:07 1427jquery validate 常用的找Api 就好, 但有一 ... -
jqGrid自动适应窗口大小
2014-09-01 17:41 768$(window).resize(function(){ ... -
jqGrid 编辑自定义控件
2014-08-15 16:12 2358jqGrid 支持在某一列上,自己写一个控件显示,并影响弹出编 ... -
Ztree 常用
2014-08-14 17:36 1075Ztree 支持中文API 实在太easy 了, 有了API ... -
针对Ztree的右键弹出菜单(jquery.popupSmallMenu.js)
2014-08-14 10:21 6416例子效果: 右键菜单方便好用的有很多,长用的为jque ... -
jquery ui Message 简单使用
2014-08-12 10:09 1217可以自己在前面加上一张图片 通过operation判断 用哪张 ... -
jQuery ui Combobox 扩展
2014-08-07 15:16 1389jQuery ui 是一个UI的雏形, 一些UI都基于 ... -
jQuery layout 插件属性
2014-07-30 16:08 1619相信很多人在用layout的时候都会找layout到底有多少属 ... -
jqGrid 两种列模型(TypeError: b is undefined)
2014-07-23 18:06 979jqGrid 的json支持两种列模型 1:如果用普通的js ... -
BS UI
2014-07-21 16:07 345http://www.bootcss.com/ 支持IE6 ...
相关推荐
主要介绍了ui组件之input多选下拉实现方法(带有搜索功能)的相关资料,需要的朋友可以参考下
jquery-ui-multiselect实现多选下拉框的效果,支持下拉多选的一个小demo
jquery实现的多选下拉框ehynds-jquery-ui-multiselect-widget-1.10-3.zip
支持多选 基于jQuery、Bootstrap2、3开发 也可应用于无任何UI框架的原生HTML环境 Autocomplete输入自动查找功能 结果列表分页展示 允许使用静态json数据源或ajax动态请求的数据源 使用键盘快速操作基本功能及分页...
jquery.multiselect.js是一款基于jQuery UI的多项选择下拉列表框组件。该下拉列表功能强大,可以实现多选和单选,可制作打开和关闭下拉框时的炫酷动画效果,提供丰富的回调函数和其它方法。
有一个多选的需求,在网上找到了这个插件:multiselect https://github.com/ehynds/jquery-ui-multiselect-widget csdn博客上有这个插件的介绍,不少童鞋都问了这么个问题,怎么获取选中的值?真是个好问题,因为我...
一个很古老的下拉多选框插件了.github上找了半天,都是不完整的.自己把里面引入的JS和资源改成本地的.完全支持脱机使用
前端项目-jquery-ui-multiselect-widget,多选程序将普通多选控件增强为优雅的复选框下拉列表,可与主题滚动器一起使用。
zzChosen是结合jQuery-easy-ui的下拉列表与chosen的优点自制的下拉组件,它有以下功能特点: 1、支持多选搜索;当选项比较多的时候,还可以看到所有已选的项。...5、多选下拉也可以像单选一样直接提交数据。
jQuery UI MultiSelect小部件MultiSelect逐步将普通的多选控件增强为优雅的复选框下拉列表,可通过ThemeRoller进行样式设置。演示页查看演示页面版本3 小部件的版本3在预发行版本中可用。 这引入了许多新功能和实质...
jquery-accordion-menu-multilevel是一款非常酷的Material Design风格多级下拉列表菜单jQuery插件。该下拉列表在菜单项点击时采用漂亮的点击波特效,并提供了三种预设的颜色主题样式。
jQuery插件通过直观的多选,搜索等功能将选择元素带入21世纪。 现在有了Bootstrap 5支持。 演示版 您可以观看实时演示以及一些有关如何使用各种选项的示例。 快速开始 Bootstrap-select需要jQuery v1.9.1 +,...
简洁而强大的下拉分页选择器;支持远程数据(AJAX)、 autocomplete、键盘快速导航操作、分页展示、多选标签、i18n国际化支持等多功能的选择器插件
SelectPage是一个基于jQuery及使用Bootstrap环境开发的,下拉列表带输入快速查找及结果分页展示的多功能选择器。 功能特点: 基于jQuery、Bootstrap2、3开发 也可应用于无任何UI框架的原生H
React小部件 一组使用 React 从头开始构建的基本 UI 小部件,基于出色的 Kendo UI Core 和 jQuery UI。 下拉列表组合框多选SelectList(复选框和单选组) 日期时间选择器日历号码选择器演示和文档迁移:2.0 可以...
如今做这个项目,因为没找到合适的多选下拉Web插件,又不想用html自带的丑陋的<select multiple></select>,自己花了一整天时间做了一个。或许这样占用的主要功能开发的时间,开发起来会更有紧迫感吧。...
SelectPage下拉分页插件是一个简洁而强大的下拉分页选择器;支持远程数据(AJAX)、 autocomplete、键盘快速导航操作、分页展示、多选标签、i18n国际化支持等多功能的选择器插件。功能特点:基于jQuery兼容Bootstrap...
SelectPage.js是一款强大的jquery下拉分页选择插件。SelectPage.js下拉分页选择插件界面简洁,支持下拉,分页,键盘操作等功能。它的特点还有:插件基于jQuery开发,可在Bootstrap2、3环境下使用,亦可在原生无UI...