在Laravel上，选择选项然后在Laravel上改变div答案

【问题标题】：On Laravel, when select option then change the div on laravel在Laravel上，选择选项然后在Laravel上改变div
【发布时间】：2021-07-15 07:11:42
【问题描述】：

在 laravel 我需要一些帮助，我是 laravel 的新手，选择选项时，如果有任何一个，则更改 div 这是代码，请检查

<select name="question_type_id" class="div-toggle" data-target=".my-info-1">
    <option value="" disabled selected>Choose Question Type</option>
    @foreach($question_type as $questy)
        <option value="{{$questy->id}}">{{$questy->question_type_name}}</option> 
    @endforeach  
</select>

这是存储图像链接中的选项的数据库结构，请检查 http://mrshineonline.com/images/database.png 用于更改的 div 是

<div class="1 box">
    here multiple choice options
</div>
<div class="2 box">
    Here fill in the blank options
</div>

【问题讨论】：

你想改变什么 div？有什么选择？您必须提供更多信息。
选项值动态存储，option1：多项选择题，option2：填空，option3：True或Flase，我需要与此相关的div更改，如果您有任何想法，请帮助我，我是新手对于 laravel

标签： javascript jquery laravel laravel-8

【解决方案1】：

这是与 jquery 的。你也可以用 vanilla js 来做，但你没有提供任何信息

<select name="question_type_id" class="div-toggle" data-target=".my-info-1">
    <option value="" disabled selected>Choose Question Type</option>
    @foreach($question_type as $questy)
        <option value="{{$questy->id}}" >{{$questy->question_type_name}}</option> 
    @endforeach  
</select>
@foreach($question_type as $questy)
<div class="toggles-{{ $questy->id }}" class="hidden">
 ...
</div>
@endforeach

<script>
(function() {
    var els = $("div[class^='toggles-']");

    $('.div-toggle').change(function(event) {
        els.hide();
        $('.toggles-' + event.target.value).show();
    });
})();
</script>

【讨论】：

不工作，先生，它一次显示所有 div