在laravel中的ajax中验证失败时保留旧的select值

Question

在我的Laravel项目中，我有一个预约表，患者可以在下拉列表中选择一个分支后选择医生。我使用AJAX来实现功能。

现在，在任何验证失败后，所有恢复的表单值都接受医生。

但我想在验证失败后自动恢复选定的医生。

html表单

<select class="form-control appointment_form_searchField"  id="appointment_branch" name="appointment_branch" style="font-size:.7em;;width: 100%;">
<option value="">Select Branch</option>
@if($_SESSION['branch'] != null)
@foreach($_SESSION['branch'] as $data)    
<option value="{{ $data->id }}">{{ $data->name }}</option>
@endforeach
@endif                              
</select>
<select class="form-control" id="appointment_doctor" name="appointment_doctor" style="font-size:.7em;padding: 0.6500rem .75rem;width: 100%;">
<option value="">Select Doctor</option>
</select>

AJAX

jQuery(".appointment_form_searchField").change(function() {        
var branch_id = $("#appointment_branch").val();   
var token = $('input[name=_token]').val();
if(branch_id.trim() != '')
{                
jQuery.ajax({    
url:"{{ url('/filter_doctor') }}",
type: 'GET',
data: {_token :token, branch_id : branch_id},
success:function(msg){    
$('#appointment_doctor option').remove();
trHTML = '';
trHTML += "<option value=''>Select Doctor</option>";
msg.forEach(function(item){    
trHTML += "<option value='"+item.id+"'>" + inputem.name + "</option>";
});    
$('#appointment_doctor').append(trHTML);
}
});
}              
});

控制器

public function filter_doctor(Request $request)
{
$branch_id = $request->branch_id;
$query =  DB::table('service_doctors');
$query->select('doctor_id','inactive_dates_in_this_month');
if($branch_id != '0')
$query->where('branch_id','=', $branch_id);
$result_time = $query->get();
$array_doctor_id = $result_time->pluck('doctor_id');
$doctor = Doctor::whereIn('id', $array_doctor_id)->get();
return $doctor;
}

有人帮忙吗？提前感谢

Answer 1

如果您正在使用Laravel 5，那么您可以执行这样的操作。

在您的表格中添加缺少的详细信息appointment_branch和appointment_doctor，如下所示。

Request::old()选项从加载以前发布的值，因此您需要首先为appointment_branch'. Also temporary store选择旧值old-ahment_doctorvalue indata oldid`，以便脚本可以识别哪个是用户提交的旧值，并在文档准备好时加载此选择框。

<select class="form-control appointment_form_searchField"  id="appointment_branch" name="appointment_branch" style="font-size:.7em;;width: 100%;">
<option value="">Select Branch</option>
@if($_SESSION['branch'] != null)
@foreach($_SESSION['branch'] as $data)    
<option value="{{ $data->id }}" {{ Request::old()?(Request::old('appointment_branch')==$data->id?'selected="selected"':''):'' }}>{{ $data->name }}</option>
@endforeach
@endif                              
</select>
<select class="form-control" id="appointment_doctor" name="appointment_doctor" style="font-size:.7em;padding: 0.6500rem .75rem;width: 100%;"   data-oldid="{{ Request::old()?Request::old('appointment_doctor'):'' }}">
<option value="">Select Doctor</option>
</select>

然后像下面这样写你的剧本。

<script>
jQuery(document).ready(function($){
if(jQuery("#appointment_doctor").data('oldid')!='' && typeof(jQuery("#appointment_doctor").data('oldid'))!="undefined"){
jQuery(".appointment_form_searchField").change();
}
});

jQuery(".appointment_form_searchField").change(function() {        
var branch_id = $("#appointment_branch").val();   
var token = $('input[name=_token]').val();
if(branch_id.trim() != '')
{                
jQuery.ajax({    
url:"{{ url('/filter_doctor') }}",
type: 'GET',
data: {_token :token, branch_id : branch_id},
success:function(msg){    
$('#appointment_doctor option').remove();
trHTML = '';
trHTML += "<option value=''>Select Doctor</option>";
msg.forEach(function(item){    
trHTML += "<option value='"+item.id+"'>" + inputem.name + "</option>";
});    
$('#appointment_doctor').append(trHTML);
}
if(jQuery("#appointment_doctor").data('oldid')!='' && typeof(jQuery("#appointment_doctor").data('oldid'))!="undefined"){
jQuery('#appointment_doctor').val(jQuery("#appointment_doctor").data('oldid')); //select the old doctor id here
}
});
}              
});
</script>