jquery-select2 - 重置表单后不重置select2元素的文本

Question

我的jsp页面中有一个select2元素：

<div class="box-body">
   <form class="form-horizontal" id="frm">
    <div class="form-group">
      <label class="col-sm-4 control-label">${header_action}</label>
      <div class="col-sm-4">
        <select class="form-control select2" id="menu_code" style="width: 100%;">
            <option value="">${select_action}</option>
            <c:forEach items="${actions}" var="action">
            <option value="${action.id}">${action.lib}</option>
            </c:forEach>
        </select>
      </div>
    </form>
</div>
...
<div class="box-footer">
    <input class="btn btn-primary btn-sm" id="sauver" type="button"/>
    <input class="btn btn-default btn-sm" id="clear" type="button"/>
</div>

<script type="text/javascript">

    $(function() {

        ...

        $("#menu_code").select2();

        $("#clear").on("click",function(){
            $("#results").html("").removeClass("box");
            $("#frm")[0].reset();
        });

    });

</script>

在运行时，当在 select2 元素中选择一个选项然后单击#clear 按钮时，select2 列表框的文本不会被重置，但它的值会被重置！那么如何重置它的文本呢？

Answer 1

您还必须触发一个change在选择框上调用的方法：

 $("#frm")[0].reset();
 $("#menu_code").trigger("change");