從數據庫填充的下拉列表中選擇選項時，如何動態加載文本字段中的數據？ 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>

這個下拉列表有一些值，當用戶選擇某個值時，表單必須從數據庫中自動填充。 我沒有在我的 controller 或此過程的任何路線中制作任何 function。

Answer 1

要根據 select 框的選擇加載一些其他字段，您將需要 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">