Javascript Laravel-选择2 |在表单重置时重置选择值
我有一个更新表单,我正在使用select2和blade在select2中填写以前的记录:Javascript Laravel-选择2 |在表单重置时重置选择值,javascript,php,laravel,jquery-select2,Javascript,Php,Laravel,Jquery Select2,我有一个更新表单,我正在使用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 @
<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>
<button type="reset" class="btn btn-secondary m-btn m-btn--air m-btn--custom">
Cancel
</button>
//对于每个课程类别
@foreach($courseCategories作为$courseCategory)
//设置optlabel
//对于课程类别中的每门课程
@foreach($courseName->$CourseCegory作为$courseName)
//设置值和文本,如果学院已经有这些课程,则有条件地设置“选定”属性。
课程())?'selected=“selected”:“”)}}>
{{$courseName}
@endforeach
@endforeach
保存更改
取消
我注意到,单击“重置”不会将select2值重新设置为默认的“选定”值
编辑:
这是已存在记录的更新表单,我正在将原始记录(与记录一起存储)设置为默认选中状态。我希望能够将这些选定选项设置为在单击“重置”时恢复
这里出了什么问题?使用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();
});
$(“#重置btn”)。单击(函数(){
$('m#u select2_3').val(''.change();
//在select2中设置特定值
$('m#u select2_3').val('1').change();
});
使用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();
});
$(“#重置btn”)。单击(函数(){
$('m#u select2_3').val(''.change();
//在select2中设置特定值
$('m#u select2_3').val('1').change();
});
是的,但我如何将其重置为以前的“选定”选项??您所说的“以前选定的”值是什么意思?这是一个已存在记录的更新表单,我正在将原始记录(与记录一起存储)设置为默认选中状态。我希望能够在单击“重置”时将这些选定选项设置为还原。然后设置旧选项的值,使其处于选中状态
,就像我所做的那样,val('1')
是,但如何将其重置为以前的“选中状态”选项??您所说的“先前选择的<代码>值”是什么意思?这是一个已存在记录的更新表单,我正在将原始记录(与记录一起存储)设置为默认选择。我希望能够在单击“重置”时将这些选定选项设置为还原。然后设置旧选项的值,使其处于选定状态
,就像我所做的那样,val('1')