若依 框架无法重置搜索下拉款内容解决方式
场景:引入如下搜索下拉款组件,点击重置按钮结果显示对的,但下拉款的内容未重置成功<select name="userId" id="userId" class="form-control"><option value="">所有</option><option th:each="user : ${userList}" th:text="${user.log
·
场景:引入如下搜索下拉款组件,点击重置按钮结果显示对的,但下拉款的内容未重置成功
<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> 重置</a>
$("#reset-all").click(function(){
$("#select2-userId-container").text("所有")
});
更多推荐
已为社区贡献2条内容
所有评论(0)