作者:zccst
官方作者:
http://www.erichynds.com/blog/jquery-ui-multiselect-widget
必须要引用的文件是jquery和jqueryui。
jquery-ui.js
jquery-ui.css
jquery-multiselect.js
jquery-multiselect.css
具体使用:
1,初始化。
各种选项
("xx").multiselect({
"key":value
"key":value
"key":value
});
2,删除。目的是为了不刷新页面情况下,重新初始化。
("xx").multiselect("destroy");
3,注意事项。
初始化需要id,class,name等,否则会初始化为multiselect_0。多次初始化时,下标一直会递增,所以会很麻烦。
一些快捷特效:
1,设置默认选中和disabled
<select name="example-presets" multiple="multiple" size="5">
<option value="option1" selected="selected">Option 1</option>
<option value="option2">Option 2</option>
<option value="option3" selected="selected">Option 3</option>
<option value="option4" selected="selected">Option 4</option>
<option value="option5" disabled="disabled">Option 5</option>
<option value="option6" disabled="disabled">Option 6</option>
<option value="option7">Option 7</option>
<option value="option8">Option 8</option>
<option value="option9">Option 9</option>
</select>
注意:select中有一个属性multiple="multiple"
分享到:
相关推荐
**jQuery Multiselect插件详解** 在网页开发中,我们经常需要处理用户的选择操作,特别是当选项较多时,传统的HTML `<select>` 元素显得不够友好。为此,jQuery提供了一个强大的多选下拉列表插件——jQuery ...
**jQuery Multiselect 插件详解** 在Web开发中,用户界面的设计往往直接影响到用户体验。当涉及到数据选择,尤其是需要用户从多个选项中选取时,传统的HTML `<select>` 标签通常只能实现单选或者简单的多选,这并不...
《jQuery multiSelect插件详解与应用实践》 在Web开发中,我们经常遇到需要实现下拉多选功能的情况,这可以提升用户界面的交互性和效率。jQuery multiSelect是一款优秀的插件,专门用于创建美观且易用的下拉多选框...
JQuery Multiselect是一款基于jQuery库的插件,用于创建功能丰富的多选下拉框。它提供了用户友好的界面,能够使用户在多个选项中轻松选择,增强了传统的HTML select元素的功能。这款插件的设计目的是提高用户体验,...
《jQuery Multiselect Filter插件详解》 在网页开发中,多选下拉框是一个常见的交互元素,用于提供多个选项供用户选择。然而,当选项数量庞大时,用户查找所需选项可能会变得困难。为了解决这一问题,jQuery社区...
**多选下拉框(jquery_multiselect)** 在网页开发中,我们经常遇到需要用户从一组选项中选择多个项的情况,传统的HTML `<select>` 标签仅支持单选,为了解决这一问题,jQuery 插件 `jquery_multiselect` 应运而生...
《jQuery MultiSelect:美化增强的多选下拉框详解》 在Web开发中,传统的HTML `<select>` 元素在处理多选时往往显得功能单一且样式简陋。为了解决这一问题,开发者们通常会借助JavaScript库,如jQuery,来实现更...
jQuery Multiselect是一款基于jQuery UI库的插件,用于创建功能丰富的多选下拉列表。这款插件提供了多种特性,使得在网页中实现复杂的下拉列表交互变得更加便捷。以下是对jQuery Multiselect功能的详细介绍: 1. **...
jquery.multiSelect.js
Jquery MultiSelect不错的左右选择的选择框 值得学习
《jQuery.multiselect.js:打造高效多选下拉框选择体验》 在Web开发中,下拉框(Dropdown)是常用的一种交互元素,尤其在需要用户从多个选项中进行选择时。然而,传统的HTML `<select>` 标签在处理大量选项或需要...
《jQuery Multiselect Filter插件详解及其应用》 在网页开发中,多选下拉框是一种常见的用户交互元素,尤其在需要用户从大量选项中选择时。然而,传统的HTML `<select>` 元素在处理大量数据时往往显得力不从心,...
在本文中,我们将深入探讨jQuery UI Multiselect插件的使用,以及如何从这个插件中获取选中的值。jQuery UI Multiselect是一个强大的扩展,它增强了HTML的原生多选下拉框,提供了丰富的用户界面和交互功能。这个插件...
《jQuery Multiselect:打造高效的下拉复选框体验》 在网页开发中,用户界面的交互性和易用性是至关重要的。jQuery Multiselect插件,正如其名,为开发者提供了一个功能强大的下拉多选解决方案,它使得复选框在有限...
摘要:脚本资源,Ajax/JavaScript,下拉框美化 jQuery MultiSelect 下拉多选菜单jquery代码,用jQuery重新定义和美化的漂亮Select下拉框,并增强了功能,在Select内还有单癣复选框的功能。还可对数据分组、过滤等。
《jQuery MultiSelect 源码解析与应用》 在Web开发中,选择框是我们经常会遇到的一种元素,尤其在处理多选场景时,一个简洁、易用的多选插件能够大大提高用户体验。`jQuery MultiSelect`就是这样一款插件,它基于...
$(“#id”).multiSelect({ oneOrMoreSelected: ‘*’,selectAll:false,noneSelected:’默认显示’ }); Usage: $(‘#id’).multiSelect( options, callback ) Options: selectAll – whether or not to display the ...
在本文中,我们将深入探讨jQuery Multiselect的使用方法、特性以及如何根据实际需求进行自定义。 标题"绝对可用的Multiselect Demo"意味着这个示例是一个经过验证的、可以直接使用的Multiselect插件实例,它避免了...
《jQuery插件multiSelect使用详解》 在网页开发中,我们常常会遇到需要处理大量选项的情况,例如用户需要从一个长长的列表中选择多个项目。这时,传统的多选下拉框可能就显得不够用了,因为它通常只能展示有限的几...