`
TreasureNow
  • 浏览: 20920 次
  • 性别: Icon_minigender_1
  • 来自: 沈阳
社区版块
存档分类
最新评论

jquery multiselect

阅读更多
<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>

 

 

 

 

 

 

  • 大小: 10 KB
分享到:
评论

相关推荐

    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