更新时间:2017/5/6 上午11:39:43
更新说明:修复点击两个select不关闭的错误。
引入文件
<script src="js/jquery.js"></script> <script src="js/select.jquery.js"></script> <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
HTML
<select class="multiselect"> <option value="">A</option> <option value="">B</option> <option value="">C</option> <option value="">D</option> <option value="">E</option> <option value="">F</option> <option value="">G</option> </select>
调用
$('.multiselect').multiselect({})
参数
selectedHtmlValue //默认显示在select上的文字
multiple //true为多选 false单选 默认为true
setWidth //设置select宽度
setMaxOptionNum //最大显示option数 溢出部分出现滚动条
change //单选点击触发事件方法
mutiConfEvent //多选点击确定时出发事件方法
<option value="zhangsan">张三</option> <option value="lisi">李四</option>
你这个select上 显示的是 "张三,李四, " , 我怎么得到 zhagnsan,lisi 呢