`
zccst
  • 浏览: 3322521 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jquery multiselect

 
阅读更多
作者: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多选下拉列表插件jquery multiselect

    **jQuery Multiselect插件详解** 在网页开发中,我们经常需要处理用户的选择操作,特别是当选项较多时,传统的HTML `&lt;select&gt;` 元素显得不够友好。为此,jQuery提供了一个强大的多选下拉列表插件——jQuery ...

    jQuery multiselect

    **jQuery Multiselect 插件详解** 在Web开发中,用户界面的设计往往直接影响到用户体验。当涉及到数据选择,尤其是需要用户从多个选项中选取时,传统的HTML `&lt;select&gt;` 标签通常只能实现单选或者简单的多选,这并不...

    jquery multiSelect

    《jQuery multiSelect插件详解与应用实践》 在Web开发中,我们经常遇到需要实现下拉多选功能的情况,这可以提升用户界面的交互性和效率。jQuery multiSelect是一款优秀的插件,专门用于创建美观且易用的下拉多选框...

    Jquery multiselect

    JQuery Multiselect是一款基于jQuery库的插件,用于创建功能丰富的多选下拉框。它提供了用户友好的界面,能够使用户在多个选项中轻松选择,增强了传统的HTML select元素的功能。这款插件的设计目的是提高用户体验,...

    jquery.multiselect.filter

    《jQuery Multiselect Filter插件详解》 在网页开发中,多选下拉框是一个常见的交互元素,用于提供多个选项供用户选择。然而,当选项数量庞大时,用户查找所需选项可能会变得困难。为了解决这一问题,jQuery社区...

    多选下拉框(jquery_multiselect)

    **多选下拉框(jquery_multiselect)** 在网页开发中,我们经常遇到需要用户从一组选项中选择多个项的情况,传统的HTML `&lt;select&gt;` 标签仅支持单选,为了解决这一问题,jQuery 插件 `jquery_multiselect` 应运而生...

    jQuery MultiSelect 美化增强的多选下拉框.rar

    《jQuery MultiSelect:美化增强的多选下拉框详解》 在Web开发中,传统的HTML `&lt;select&gt;` 元素在处理多选时往往显得功能单一且样式简陋。为了解决这一问题,开发者们通常会借助JavaScript库,如jQuery,来实现更...

    Jquery多选下拉列表插件jquery multiselect功能介绍及使用

    jQuery Multiselect是一款基于jQuery UI库的插件,用于创建功能丰富的多选下拉列表。这款插件提供了多种特性,使得在网页中实现复杂的下拉列表交互变得更加便捷。以下是对jQuery Multiselect功能的详细介绍: 1. **...

    jquery.multiSelect.js

    jquery.multiSelect.js

    Jquery MultiSelect

    Jquery MultiSelect不错的左右选择的选择框 值得学习

    jquery.multiselect.js多选下拉框选择代码

    《jQuery.multiselect.js:打造高效多选下拉框选择体验》 在Web开发中,下拉框(Dropdown)是常用的一种交互元素,尤其在需要用户从多个选项中进行选择时。然而,传统的HTML `&lt;select&gt;` 标签在处理大量选项或需要...

    jquery.multiselect.filter.zip

    《jQuery Multiselect Filter插件详解及其应用》 在网页开发中,多选下拉框是一种常见的用户交互元素,尤其在需要用户从大量选项中选择时。然而,传统的HTML `&lt;select&gt;` 元素在处理大量数据时往往显得力不从心,...

    jquery ui multiselect demo

    在本文中,我们将深入探讨jQuery UI Multiselect插件的使用,以及如何从这个插件中获取选中的值。jQuery UI Multiselect是一个强大的扩展,它增强了HTML的原生多选下拉框,提供了丰富的用户界面和交互功能。这个插件...

    jquery.multiselect 下拉多选插件 下拉复选框插件

    《jQuery Multiselect:打造高效的下拉复选框体验》 在网页开发中,用户界面的交互性和易用性是至关重要的。jQuery Multiselect插件,正如其名,为开发者提供了一个功能强大的下拉多选解决方案,它使得复选框在有限...

    jQuery MultiSelect 美化增强的多选下拉框

    摘要:脚本资源,Ajax/JavaScript,下拉框美化 jQuery MultiSelect 下拉多选菜单jquery代码,用jQuery重新定义和美化的漂亮Select下拉框,并增强了功能,在Select内还有单癣复选框的功能。还可对数据分组、过滤等。

    Jquery-MultiSelect-源码.rar

    《jQuery MultiSelect 源码解析与应用》 在Web开发中,选择框是我们经常会遇到的一种元素,尤其在处理多选场景时,一个简洁、易用的多选插件能够大大提高用户体验。`jQuery MultiSelect`就是这样一款插件,它基于...

    jquery multiSelect 多选下拉框

    $(“#id”).multiSelect({ oneOrMoreSelected: ‘*’,selectAll:false,noneSelected:’默认显示’ }); Usage: $(‘#id’).multiSelect( options, callback ) Options: selectAll – whether or not to display the ...

    绝对可用的multiselect demo

    在本文中,我们将深入探讨jQuery Multiselect的使用方法、特性以及如何根据实际需求进行自定义。 标题"绝对可用的Multiselect Demo"意味着这个示例是一个经过验证的、可以直接使用的Multiselect插件实例,它避免了...

    Jquery插件下拉复选multiSelect使用

    《jQuery插件multiSelect使用详解》 在网页开发中,我们常常会遇到需要处理大量选项的情况,例如用户需要从一个长长的列表中选择多个项目。这时,传统的多选下拉框可能就显得不够用了,因为它通常只能展示有限的几...

Global site tag (gtag.js) - Google Analytics