最近一个项目需要有下拉又要能复选，一般的<select></select>就只能下拉，不能复选，所以没有办法达到要求，所以就分享一个基于Jquery的下拉复选控件给大家

使用方法：

1.引入Jquery库，和jquery.multiSelect.js

<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js" type="text/javascript"></script> <script src="jquery.bgiframe.min.js" type="text/javascript"></script> <script src="jquery.multiSelect.js" type="text/javascript"></script>

2.引入css文件

<link href="jquery.multiSelect.css" type="text/css" />

3.html代码：

<select multiple="multiple" size="5"> <option value=""></option> <option value="1">Option 1</option> <option value="2">Option 2</option> <option value="3">Option 3</option> <option value="option_4">Option 4</option> <option value="option_5">Option 5</option> <option value="option_5">Option 6</option> <option value="option_5">Option 7</option> <option value="option_5">Option 8</option> <option value="option_5">Option 9</option> <option value="option_5">Option 10</option> <option value="option_5">Option 11</option> <option value="option_5">Option 12</option> </select>

4.JS初始化

$(document).ready(function() { $("#control_1").multiSelect();// Default options })

更多请进入DEMO：

下载：

dxxl