Как динамически загружать данные в текстовые поля при выборе варианта из раскрывающегося списка, который заполняется из базы данных? Laravel Ajax

Question

Проще говоря, я добавил в свою форму выпадающее меню, в которое загружены значения из базы данных. Форма состоит из полей ввода. В некоторых полях уже есть значения в базе данных, которые я хочу загрузить с помощью раскрывающегося списка, чтобы пользователь не мог ввести их снова. Вот HTML вид для раскрывающегося списка:

<select sku=""  id="sku_drop" class="selectpicker" data-size="7" data-style="btn btn-success btn-round" name="sku_drop" title="Select SKU">
    <option value="0" disabled>Select SKU</option>
    @foreach ($sku as $item)
        <option value="{{$item->sku}}">{{$item->sku}}</option>    
    @endforeach
</select>

В этом раскрывающемся списке есть несколько значений, когда пользователь выбирает определенное значение, форма должна автоматически заполняться из базы данных. Я не выполнял никаких функций в своем контроллере или не выполнял никаких маршрутов для этой процедуры.

Answer 1

Для загрузки некоторых других полей на основе выбора поля выбора вам понадобится javascript для этого (или jQuery).

что-то вроде этого:

const selectBox = document.getElementById('select-box');
const textField = document.getElementById('text_field');

selectBox.addEventListener('change', updateValue);

function updateValue(e) {
  textField.value = e.target.value;
}

<select id="select-box">
  <option value="Audi">Audi</option>
  <option value="BMW">BMW</option>
  <option value="Mercedes">Mercedes</option>
  <option value="Volvo">Volvo</option>
</select>

<label for="text_field">Text Field:</label>
<input id="text_field" type="text" name="text_field">