HTML Onchange Call JS Function
<select name="region_id" class="form-select" required onChange="getDistricts(this);">
<option value="">-----------</option>
@foreach($regions as $region)
<option value="{{ $region->id }}" {{ old('region_id', '') == $region->id ? 'selected' : '' }}>{{ $region->name_ru }}</option>
@endforeach
</select>
<script>
function getDistricts(region_id) {
var value = region_id.value;
$.ajax({
url: '/api/region/getDistricts/' + value,
type: "GET",
dataType: "json",
success: function (data) {
var html = '';
$.each(data, function (key, value) {
html += '<option value="' + value.id + '">' + value.name_ru + '</option>';
});
$('select[name="district_id"]').html(html);
$('select[name="district_id"]').removeAttr('disabled');
}
});
}
</script>
Shadow