根據選擇選項更改 Laravel 中 div 和輸入字段上的其他值

Question

我在學習期。 我需要一個解決方案，但我找不到。

我有一個動態選擇選項。 I want that, when the select option is changed it will show all the related columns from the database in another div.

數據庫表名稱：優惠

列名： id、名稱、詳情、充值

控制器：

$offers = Offer::all();
return view('sim_sale', compact('offers'));

刀片文件：

<select name="offer_id" id="offer" class="form-control">
    <option value=""> Select Offer</option>
    @foreach ( $offers as $row )
    <option value="{{ $row->id }}">{{ $row->name }}</option>
    @endforeach
</select>
 <div id="offer-details">
     {{$offers->details}
 </div> 
 <input type="text" value="{{$offers->recharge}}" id="offer-recharge" />

在這里，如果選擇選項發生變化，它將顯示詳細信息和充值，否則這些字段中不會顯示任何內容。 此外，用戶可以將數據放入輸入字段。

請幫我解決它。

Answer 1

我已經想出了一個解決方案。 這是我的代碼：

 <select name="offer_id" id="parent_id" class="form-control dynamic" data-dependent="details">
       <option value=""> Select Offer</option>
       @foreach ( $offers as $row )
       <option value="{{ $row->id }}">{{ $row->name }}</option>
       @endforeach
       </select>
       @foreach($offers as $row)  
       <div class="some"  id="some_{{ $row->id }}"  style="display:none;">
        {{ $row->details }}
       </div>
       @endforeach

<script type="text/javascript">
$('#parent_id').on('change',function(){
$(".some").hide();
var some = $(this).find('option:selected').val();
$("#some_" + some).show();}); </script>