下拉框一级树形多选 框

   有一个单选下拉框要改为多选，里面还有一个所有选项，当选择所有时要所有勾选上，相似于树形下拉框。效果以下：

       

 

传到后台的数据就根据本身的须要作修改了，当选择所有时就只传所有这一个值，但后台查出来的数据是要知足全部项的，固然取消所有时在查询的时候也仍是要知足全部项。代码以下：

添加fSelect.css，jquery.js，fSelect.js

-----html-----

<select class="demo" v-model="preType" multiple="multiple" >
<option value="-1">所有</option>
<option value="1">普通处方</option>
<option value="2">流浸膏方</option>
<option value="3">传统膏方</option>
<option value="4">切片膏方</option>
<option value="5">麻醉处方</option>
<option value="6">急诊处方</option>
<option value="7">儿科处方</option>
<option value="8">精神药品处方</option>
<option value="9">丸剂</option>
<option value="10">膏方</option>
<option value="11">协定膏方</option>
<option value="12">协定方</option>
<option value="13">小包装</option>
<option value="14">草药包</option>  
</select>

 ------script---------

$('.demo').fSelect({
     showSearch: false,
     placeholder:'所有'
});

 下面是获取选择的值，只是不知道为何select的数据源不能动态加载，还望大咖指点迷津

var selet = [].map.call($('.fs-option.selected'), function (el) {
if (el.dataset.value == "-1")
return "-1";
else
return el.dataset.value
})

这样就能够了，只是为了个人需求代码有改动，搜索框也去掉了，原文取自于：https://github.com/mgibbs189/fSelect

个人fSelect.js有一点点改动。https://download.csdn.net/download/qq_27169469/11949996

后经过查找easyui的combotree其实就是实现的此功能