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();
全文完。