基于BootStrap multiselect.js实现的下拉框联动效果
背景:当option特别多时,一般的下拉框选择起来就有点力不从心了,所以使用multiselect是个很好的选择,可以通过输入文字来选择选项很方便,但是有一个需要下拉框联动,网上找了半天才找到解决方法,在此分享一下
1、先引入
然后全局定义
functionRegSelect(){ $('.multiselect').multiselect({ buttonClass:'btnbtn-white', enableFiltering:true, enableHTML:true, includeSelectAllOption:true, selectAllText:'全选', allSelectedText:'全部选中', nonSelectedText:'请选择', nSelectedText:'个被选中', templates:{ button:'', ul:' ', filter:'
只需要在页面加载时RegSelect();(只能调用一次,不然会出现问题)就可以了
2、两个下拉框
维修单位 @Html.DropDownList("RepairOrgUID",ViewBag.OrgListasList ,"请选择",new{@class="form-controlmultiselect",onchange="OrgChange(this)",id="RepairOrg"})