3 выберите, чтобы отправить идентификатор другому выбору в laravel 8

#javascript #html #laravel #html-select #laravel-8

#javascript #HTML #laravel #html-выберите #laravel-8

Вопрос:

Название немного сложное. Я хочу передать продукт компании. Позже я могу передать тот же продукт другой компании. Но я не знал, как это сделать. У меня есть 3 выбора.

1.выберите imei

2.выберите компании

3.выберите автомобили этой компании

Когда я выбираю адрес imei из первого выбора, если это устройство было передано компании, другие выбранные должны быть помечены автоматически. Таким образом, второй select ‘выбранный’ появится автоматически. Под ним будут другие компании. 3. Selectin select также будет отмечен, и под ним будут добавлены другие транспортные средства компании.

Если устройство не будет передано, все компании будут добавлены к 2. Выберите первый шаг за шагом. После выбора компании автомобили этой компании будут добавлены в 3-й выбор.

Извините, это немного сложно.

HTML:

 <div class="modal fade" id="addPostModal" tabindex="-1" role="dialog" aria-labelledby="addPostModalLabel" aria-hidden="true">
    {!!BootForm::open([ 'method' => 'POST', 'route' => 'yonetim.devices.TransferDevice', 'files'=> 'true', 'enctype'=>'multipart/form-data' ])->multipart('multipart/form-data') !!}
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="addPostModalLabel"> Devices </h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true"> × </span>
                </button>
            </div>

            <div class="modal-body">
                <div class="row">
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label for="">Imei</label>
                            <select class="form-control" name="device_id" id="device_id">
                                <option value="0" disable="true" selected="true">Imei</option>
                                @foreach ($devices as $key => $value)
                                    <option value="{{$value->id}}">{{ $value->imei }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label for="">Companies</label>
                            <select class="form-control" name="comp_id" id="comp_id">
                                <option value="0" disable="true" selected="true">Companies</option>
                                @foreach ($companies as $key => $value)
                                    <option value="{{$value->id}}">{{ $value->comp_name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label for="">Car</label>
                            <select class="form-control" name="car_id" id="car_id">
                                <option value="0" disable="true" selected="true">Car</option>
                                @foreach ($cars as $key => $value)
                                    <option value="{{$value->id}}">{{ $value->plate }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </div>
            </div>

            <div class="modal-footer">
                {!! BootForm::submit('Save')->class('btn btn-success') !!}
                {!!BootForm::close()!!}
            </div>

            <div class="result"></div>
        </div>
    </div>
                
</div>
 

JS:

 $(function () {
    $('#device_id').on('change', function(e){
        //console.log(e);
        var device_id = e.target.value;
        //alert(panel);
        $.get('devices/transfer?device_id='   device_id,function(data) {
            $('#comp_id').empty();
            $('#comp_id').append('<option value="0" disable="true" selected="true">Lütfen Şirket Seçin</option>');

            $.each(data, function(index, villagesObj) {
                $('#comp_id').append('<option value="'  villagesObj.id  '">'  villagesObj[Object.keys(villagesObj)[1]]  '</option>');
            })
        });
    });
});
 

Контроллер:

 public function transfer(Request $request)
{
    $device_id = $request->device_id;
    $comp_id = DeviceTra::where('device_id', '=', $device_id)->first();
    $comp_name = '';
    if ($comp_id) {
        $car_id = Cars::where('id', $comp_id->car_id)->first();
        $comp_name = Companies::where('id',$car_id->comp_id)->get();
    }
    return response()->json($comp_name);
}
 

Мои вопросы:
После выбора 1-го выбора помечается 2-й выбор. Но другие компании не вставляют.
3. Как я могу заполнить выделение?