如何在不刷新页面的情况下将选择选项设置为默认值

时间:2019-04-01 03:06:16

标签: javascript jquery html laravel-5 select

每当我更改报告选项而不提交或刷新页面时,我都试图将选择选项的值设置为默认值。

但是,每当我更改报告时,会话和学期的值都保持不变,并且只有在我提交报告或刷新页面后才会更改回默认值。

HTML / Laravel

<div class="form-group">
    <label class="control-label col-md-offset-1 col-md-2">Report:</label>
        <div class="col-md-6">
            <select id="list-report" name="list_report" class="form-control" required>
                <option></option>
            </select>
        </div>
</div>
<div id="div-ses" class="form-group group-filter" style="display: none;">
    <label class="control-label col-md-offset-1 col-md-2">Session:</label>
        <div class="col-md-6">
            <select id="list-session" name="list_session" class="form-control" style="width: 100%;">
                <option value=""></option>
            @foreach($list_session as $session)
                <option value="{{ $session }}">{{ $session }}</option>
            @endforeach
            </select>
        </div>
</div>
        <div id="div-sem" class="form-group group-filter" style="display: none;">
    <label class="control-label col-md-offset-1 col-md-2">Semester:</label>
        <div class="col-md-6">
            <select id="list-semester" name="list_semester" class="form-control" style="width: 100%;">
                <option value=""></option>
            @foreach($list_semester as $semester)
                <option value="{{ $semester }}">{{ $semester }}</option>
            @endforeach
            </select>
        </div>
</div>

JQuery

$(document).ready(function() {

var list_report = <?php echo $json_list_report; ?>;


$('#list-report').select2({
    data: list_report,
    allowClear: true,
    placeholder: 'Please Select Report Name'
});
$('#list-session').select2({
    placeholder: 'Please Select Session',
});
$('#list-semester').select2({
    placeholder: 'Please Select Semester',
});


$('#list-report').on('keyup change', function() {
    $('#list-session').prop('selectedIndex', 0);
    $('#list-semester').prop('selectedIndex', 0);
});


});

如您所见,“键更改”应该将select的值设置回默认值,但似乎不起作用。我怀疑这是laravel的逻辑错误,但我不知道如何解决。有帮助吗?

我希望会话和学期下拉列表的值为“请选择会话/学期”,但实际输出是该值本身 例如会议:2018/2019,学期:2

0 个答案:

没有答案