[简单]jquery.multiselect.js使用简记

严信瑞
2023-12-01

       jquery.multiselect.js 介绍: http://www.erichynds.com/blog/jquery-ui-multiselect-widget

       下载:https://github.com/ehynds/jquery-ui-multiselect-widget

 

        需jquery ui: http://jqueryui.com/

        简单使用方法如下:

       

<select id="multiTest"
				multiple="multiple" name="multiTest">
				<option value="test">选项1</option>
				<option value="test2">选项2</option>
				<option value="test3">选项3</option>
				<option value="test4">选项4</option>
				<option value="test5">选项5</option>
				<option value="test6">选项6</option>
				<option value="test7">选项7</option>
				<option value="test8">选项8</option>
				<option value="test9">选项9</option>
				<option value="test10">选项10</option>
				<option value="test11">选项11</option>
				<option value="test12">选项12</option>
			</select>

 

   

$(function() {
		$("#multiTest").multiselect({
			noneSelectedText : "=请选择=",
			checkAllText : "全选",
			uncheckAllText : '全不选',
			minWidth : 120
		});
       });

 

    获取选中的值:

   

var valSelect = $("#multiTest").val();

 

    全文完。

 类似资料: