根据 Select 选项更改 div 中的其他值和 Laravel 中的输入字段

Question

我在学习期。我需要一个解决方案，但找不到。

我有一个动态 select 选项。我想要的是，当 select 选项更改时，它将在另一个 div.

中显示数据库中的所有相关列

DB Table 姓名： 报价

栏目名称：id,name,details,recharge

控制器：

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

Blade 文件:

<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" />

这里，如果select选项发生变化，会显示详情和充值，否则这些字段不会显示。此外，用户可以在输入字段中输入数据。

请帮我解决一下

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>

根据 Select 选项更改 div 中的其他值和 Laravel 中的输入字段

Depending on Select option change others value on div and input field in Laravel

javascript

php

jquery

jquery-selectors

laravel-7