下拉框一級樹形多選 框

   有一個單選下拉框要改爲多選，裏面還有一個所有選項，當選擇所有時要所有勾選上，相似於樹形下拉框。效果以下：

       

 

傳到後臺的數據就根據本身的須要作修改了，當選擇所有時就只傳所有這一個值，但後臺查出來的數據是要知足全部項的，固然取消所有時在查詢的時候也仍是要知足全部項。代碼以下：

添加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其實就是實現的此功能