<script type="text/javascript" src="${path}/commons/js/jquery.multiselect.js" ></script> $("#materialSelect").multiselect({ noneSelectedText: "==请选择==", checkAllText: "全选", uncheckAllText: '全不选' //selectedList:4 }); $("#companySelect").multiselect({ noneSelectedText: "==请选择==", checkAllText: "全选", uncheckAllText: '全不选' //selectedList:4 }); function showValues() { var valuestr = $("#materialSelect").selectedValuesString();// multiselect("MyValues"); alert(JSON.stringify(valuestr)); var comValue = $("#companySelect").selectedValuesString(); //multiselect("MyValues"); alert(JSON.stringify(comValue)); }
HTML CODE
<label style="margin-left: 20px">材料类别:</label> <select id="materialSelect" multiple="multiple" name="materialSelect"> <option value="型材">型材</option> <option value="板材">板材</option> <option value="型材1">型材1</option> <option value="板材1">板材1</option> <option value="型材2">型材2</option> <option value="板材2">板材2</option> <option value="型材3">型材3</option> <option value="板材3">板材3</option> </select> <label style="margin-left: 20px">公司:</label> <select id="companySelect" multiple="multiple" name="companySelect"> <option value="东北">东北</option> <option value="华北">华北</option> <option value="成都">成都</option> <option value="澳新">澳新</option> <option value="佛山">佛山</option> <option value="铝件厂">铝件厂</option> <option value="美非">美非</option> <option value="欧洲">欧洲</option> </select>
相关推荐
**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使用详解》 在网页开发中,我们常常会遇到需要处理大量选项的情况,例如用户需要从一个长长的列表中选择多个项目。这时,传统的多选下拉框可能就显得不够用了,因为它通常只能展示有限的几...