jquery.multiselect 应该用得还是挺多,它有比较美观的界面,以及对html select控件进行多选扩充的实用功能。对于下拉列表选项较多时,如果将选中的项默认排到最前面,这将会大大提高用户使用便利。例如:
这样再次点开,还会是这种效果,像上面选项很多的情况,用户就不方便直观的看到自己选择了哪些选项。好在控件提供了event,我们可以在它展开之前进行“排序”,我们需要使用官方提供的beforeopen 事件,监听这个事件。
$("#yourId").multiselect({
beforeopen: function(event, ui){
var selected = $("select[id=yourId] option:selected");
selected.remove();
$("select[id=yourId]").prepend(selected);
$("#yourId").multiselect('refresh');
}
});
假设yourId是你html select 的id,在document ready()事件中给这个select添加个事件监听后,我们再看效果:
multiselect 还有很多有意思的方法和事件,属性,具体可以看官方文档:
http://www.erichynds.com/jquery/jquery-ui-multiselect-widget/
- 大小: 7.3 KB
- 大小: 6.3 KB
分享到:
相关推荐
jquery.multiselect.filter.js ; jquery.multiselect.filter.css
jquery.multiSelect.js
jquery.multiselect 下拉多选插件 下拉复选框插件 可以直接使用的demo
jquery.multiselect.js
jquery.multiSelect实例demo,直接打开html运行看效果
html多选下拉框,引用multiselect.filter后可实现搜索
jquery.multiselect.js多选下拉框选择代码
jquery.multiSelect多选下拉框简单实例
jQuery UI Multiselect是一个Web UI控件,它将html multiple select inputs转换成一个更直关、更易于操作的多选控件。支持全选添加和删除操作。
下拉多选的工具,里面有demo及相应的文件,做法可参照博客内容
jquery.multiselect.js是一款基于jQuery UI的多项选择下拉列表框组件。该下拉列表功能强大,可以实现多选和单选,可制作打开和关闭下拉框时的炫酷动画效果,提供丰富的回调函数和其它方法。
NULL 博文链接:https://vb2005xu.iteye.com/blog/1724828
一个很古老的下拉多选框插件了.github上找了半天,都是不完整的.自己把里面引入的JS和资源改成本地的.完全支持脱机使用
这个插件允许用户以树型的形式来呈现列表复选框的选择。多用于权限管理中用于分配不同的权限。
本文实例为大家分享了jquery.multiselect多选下拉框的实现方法,供大家参考,具体内容如下 第一步:链接下列文件,如果没有,到此网页下载 https://github.com/ehynds/jquery-ui-multiselect-widget,此插件基于...
多选下拉框(jquery_multiselect) jquery可多选的下拉框 样式还不错 包含所有js 以及使用demo
Jquery multiselect 根据官方文档做了个demo,可以实现获取选择中的所有值,还有实现了刷新后,仍然显示刷新前的选择