javascript - Laravel - 选择2 |表单重置时重置选择值

Question

我有一个更新表单，我正在使用 select2 和blade 来填写 select2 中以前的记录:

<div class="col-7 m-input--solid">
    <select class="form-control m-select2 m-input--solid" id="m_select2_3" name="collegeCourses[]" multiple>
        //for each of course categories
        @foreach($courseCategories as $courseCategory)
        //set optlabel
        <optgroup label="{{$courseCategory}}">
            //for each of courses in a courseCategory
            @foreach($courseNames->$courseCategory as $courseName)
            // set value and text and conditionally set "selected" attribute if the college already has those courses.
            <option value="{{$courseName}}" {{((in_array($courseName, $college->courses())) ? 'selected="selected"' : '')}}>
                {{$courseName}}
            </option>
            @endforeach
        </optgroup>
        @endforeach
    </select>
</div>

<button type="Submit" class="btn btn-accent m-btn m-btn--air m-btn--custom">
Save changes
</button>
&nbsp;&nbsp;
<button type="reset" class="btn btn-secondary m-btn m-btn--air m-btn--custom">
Cancel
</button>

我观察到单击“重置”不会将 select2 值重新设置为默认的“选定”值。

编辑:

这是现有记录的更新表单，我将原始记录(与记录一起存储)设置为默认选择。我希望能够将这些选定的选项设置为在单击重置后恢复。

这里出了什么问题？

Answer 1

使用 jQuery 按钮单击事件重置 select2 值

<button type="reset" id="reset-btn" class="btn btn-secondary m-btn m-btn--air m-btn--custom">

$( "#reset-btn" ).click(function() {
    $('#m_select2_3').val('').change();

    //setting specific value in select2
    $('#m_select2_3').val('1').change();
});