若依 框架无法重置搜索下拉款内容解决方式

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

<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("所有")
    });