有一個單選下拉框要改成多選，里面還有一個全部選項，當選擇全部時要全部勾選上，類似于樹形下拉框，效果如下：
傳到后臺的資料就根據自己的需要做修改了，當選擇全部時就只傳全部這一個值，但后臺查出來的資料是要滿足所有項的，當然取消全部時在查詢的時候也還是要滿足所有項，代碼如下：
添加fSelect.css，jquery.js，fSelect.js
-----html-----
<select v-model="preType" multiple="multiple" >
<option value="https://www.cnblogs.com/w1-y2-q5/p/-1">全部</option>
<option value="https://www.cnblogs.com/w1-y2-q5/p/1">普通處方</option>
<option value="https://www.cnblogs.com/w1-y2-q5/p/2">流浸膏方</option>
<option value="https://www.cnblogs.com/w1-y2-q5/p/3">傳統膏方</option>
<option value="https://www.cnblogs.com/w1-y2-q5/p/4">切片膏方</option>
<option value="https://www.cnblogs.com/w1-y2-q5/p/5">麻醉處方</option>
<option value="https://www.cnblogs.com/w1-y2-q5/p/6">急診處方</option>
<option value="https://www.cnblogs.com/w1-y2-q5/p/7">兒科處方</option>
<option value="https://www.cnblogs.com/w1-y2-q5/p/8">精神藥品處方</option>
<option value="https://www.cnblogs.com/w1-y2-q5/p/9">丸劑</option>
<option value="https://www.cnblogs.com/w1-y2-q5/p/10">膏方</option>
<option value="https://www.cnblogs.com/w1-y2-q5/p/11">協定膏方</option>
<option value="https://www.cnblogs.com/w1-y2-q5/p/12">協定方</option>
<option value="https://www.cnblogs.com/w1-y2-q5/p/13">小包裝</option>
<option value="https://www.cnblogs.com/w1-y2-q5/p/14">草藥包</option>
</select>
------script---------
$('.demo').fSelect({
showSearch: false,
placeholder:'全部'
});
下面是獲取選擇的值，只是不知道為什么select的資料源不能動態加載，還望大咖指點迷津
var selet = [].map.call($('.fs-option.selected'), function (el) {
if (el.dataset.value =https://www.cnblogs.com/w1-y2-q5/p/="-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其實就是實作的此功能
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/34146.html
標籤：jQuery