ruoyi bootstrap-select 下拉多選取值及重置

來源於  https://blog.csdn.net/torpidcat/article/details/95216815

 

html:

這里的下拉列表數據從若依字典里取值

<li> <input type="hidden" class="form-control" name="channelsList" id="channelsList" > 渠道： <select name="channels" id="channels" th:with="dictList=${@dict.getType('talent_channel')}" class="selectpicker" title="全部" multiple data-live-search="true" data-selected-text-format="count > 2"> <option th:each="dict : ${dictList}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option> </select> </li> <li style="float: right;padding-right: 60px;"> <a class="btn btn-primary btn-rounded btn-sm" onclick="doSubmit(),$.table.search()"><i class="fa fa-search"></i>&nbsp;搜索</a> <a class="btn btn-warning btn-rounded btn-sm" onclick="$.form.reset(),doReset()"><i class="fa fa-refresh"></i>&nbsp;重置</a> </li>

js聲明兩個方法：提交時獲取多選數據，重置時重置多選下拉框

function doSubmit(){ var str=[]; $("#channels option:selected").each(function () { str.push($(this).val());// 收集選中項 }) $("#channelsList").val(str);//后端通過獲取表單數據channelsList獲取多選內容(字符串或數組接收) } function doReset() { $("#channels").selectpicker('refresh');//重置下拉框 }