简单的记录一下 multiselect 单选，多选

背景：由于下拉列表选项太多！改一下需求，类似于百度的检索，输入内容下面有相关的数据出现！

积累的网上几点经验总结一下：

第一步：引入js啊css文件

<link rel="stylesheet" type="text/css" href="plug-in/jquery/jquery-multiselect/css/jquery.multiselect.css" />
<link rel="stylesheet" type="text/css" href="plug-in/jquery/jquery-multiselect/css/jquery.multiselect.filter.css" />
<link rel="stylesheet" type="text/css" href="plug-in/jquery/jquery-multiselect/css/style.css" />
<link rel="stylesheet" type="text/css" href="plug-in/jquery/jquery-multiselect/css/prettify.css" />
<link rel="stylesheet" type="text/css" href="plug-in/jquery/jquery-multiselect/css/jquery-ui.css" />


<script type="text/javascript" src="plug-in/jquery/jquery-multiselect/jquery-ui.min.js"></script>
<script type="text/javascript" src="plug-in/jquery/jquery-multiselect/jquery.multiselect.js"></script>
<script type="text/javascript" src="plug-in/jquery/jquery-multiselect/jquery.multiselect.filter.js"></script>
<script type="text/javascript" src="plug-in/jquery/jquery-multiselect/prettify.js"></script>

第二步：这个肯定是要显示的数据了

 <input type="hidden" id="multiValues" name="xpsAccountItemId">

<select id="actItemIds" multiple="multiple" >
<c:forEach items="${lstAccountItem}" var="accountItems">
<option value="${accountItems.id}">${accountItems.aiName}</option>
</c:forEach>
</select> 

第三步：这就是js 代码了，很简单，看一下效果图应该就理解了

$("#actItemIds").multiselect({
    noneSelectedText: "---请选择---",
    selectedText:'已选择 # 项',
    checkAllText: "全选",
    uncheckAllText: '全不选',
    height: 200,
    minWidth: 320,
    selectedList:1
}).multiselectfilter({
label:"名称",
placeholder:"输入关键字"
});

一，multiselect单选问题，其实就把

这个属性加上就对了！

二、如果你想要重置这个选框怎么办

$("#actItemIds").multiselect("uncheckAll");

只需要调用，他的方法就OK啦！