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');//重置下拉框 }