CODE EXAMPLE FOR JAVASCRIPT

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>