场景:引入如下搜索下拉款组件,点击重置按钮结果显示对的,但下拉款的内容未重置成功

<select name="userId" id="userId" class="form-control">
  <option value="">所有</option>
  <option th:each="user : ${userList}" th:text="${user.loginName}" th:value="${user.userId}"></option>
</select>

在这里插入图片描述

解决方式:如下
在这里插入图片描述
如图所示内容未修改,可以看到它的id为select2-userId-container所以需要我们手动置空
解决方法:给重置按钮加入id=“id=“reset-all””,然后我们手动初始化内容

<a class="btn btn-danger btn-rounded btn-sm"  id="reset-all" onclick="$.form.reset()"><i class="fa fa-refresh"></i>&nbsp;重置</a>

 $("#reset-all").click(function(){
      $("#select2-userId-container").text("所有")
    });
Logo

快速构建 Web 应用程序

更多推荐