HTML 表格在 Laravel blade foreach

Question

我无法控制在我的页面上看到的表单的限制。

我有第一个带有 select 的表格，其余表格是在 for each 语句中生成的。

它应该只使用基于 select 选项的 @foreach 显示一个表单。

代码如下所示：

 <form>
    <select id="myselect">
        ...
    </select>
 </form>

 @foreach($students as $student)
     <form name="{{ $student->id }}" id="{{ $student->id }}">
         ...
     </form>
 @endforeach

 <script>
     $("#myselect").on("change", function() {
         $("#" + $(this).val()).show().siblings().hide();
     })
 </script>

我从互联网上得到了那个脚本，但它对我的情况不起作用。

Answer 1

不确定你在期待什么，但是，你的@foreach ... @endforeach 之间的所有内容都会为每个 $student 重复，因此它会呈现与你的学生一样多的表单。

如果您只需要根据 selection 在顶部显示一种形式 <select> 您必须编写一个 javascript 函数，由 [=] 上的 onchange 事件触发16=]，这将显示/隐藏您学生的表格。

Answer 2

$('#myselect').change(function() {
    if ($(this).val() == "1") {
         $('#1').show();
         $('#2').hide();
    }
});

这解决了我的问题

HTML 表格在 Laravel blade foreach

HTML forms in Laravel blade foreach

javascript

forms

jquery

laravel

blade