如何根据 laravel 中选定的下拉菜单显示表格内容

Posted 2023-03-14

【中文标题】如何根据 laravel 中选定的下拉菜单显示表格内容

【英文标题】：How to show table content based on selected dropdown menu in laravel

【发布时间】：2021-12-17 05:01:17

【问题描述】：

这是视图，表格上方的下拉菜单

这是下拉菜单，我想将选定的值提供给表格数据

<select class="form-control form-select" name="nomor_pertemuan" id="nomor_pertemuan">
    <option value="">-</option>
    @for($i=1; $i<11; $i++)
       <option value= $i > $i </option>
     @endfor
</select>

这是表格内容，每行有两个复选框，只能选择一个，我想检查每个输入，是否检查需要下拉值，我尝试了ajax但似乎没有工作，因为我对此了解不多。

@foreach($kehadiran as $data)
  <tr>
     <td> $loop->iteration </td>
     <td> $data->peserta->npm_peserta </td>
     <td> $data->peserta->nama_peserta </td>
     <td style="text-align: center;" class="align-middle">
         <input type="hidden" name=" 'k'.$loop->iteration " value="">
         <input type="checkbox" class=" 'k'.$loop->iteration  check" name=" 'k'.$loop->iteration " id="hadir" value="Hadir"  $data->'pertemuan_'.$dropdown_value == "Hadir" ? "Checked" : '' />
     </td>
     <td style="text-align: center;" class="align-middle">
         <input type="checkbox" class=" 'k'.$loop->iteration  check" name=" 'k'.$loop->iteration " id="absen" value="Absen"/>
     </td>
   </tr>                                                                           @endforeach

这是表格，如果你看到列名，这就是为什么我需要这个下拉值

 $data->'pertemuan_'.$dropdown_value == "Hadir" ? "Checked" : '' 

那么我可以做些什么来从选定的下拉值动态显示表格数据，我需要将其提供给表格数据的值，如您所见 $dropdown_value 希望你能明白我的解释

【问题讨论】：

Gak ngerti :( coba coba sini jelasin

jadi di tabel itu isinya kehadiran peserta mas, ngambil data dari tabel kehadiran, kalo hadir dia bakal ke ceklis di bagian hadir kalo gak hadir keceklis di tidak hadir, cuman buat ngecek hadir apa enggaknya saya butuh value dari下拉 itu dulu。

好的，berati ngambilnya dari 多对多，bener？ Coba发布数据$loopnya，更新di问题

1 tabel doang mas，nama kolomnya itu kan ada angkanya，nah dari situ makanya saya butuh value dropdown

好的，sambil nunggu saya jabab，mungkin nanti para bule bule udah jabab。 Siapa tau mereka yang bener yah..

【参考方案1】：

经过讨论，OP不知道如何使用循环实现具有自有数据库结构的复选框，并使用AJAX请求。

所以，我试着回答。

关于AJAX我没有太多时间解释，但我确实在逻辑上解释了，所以OP可以使用AJAX来实现。

这是pertemuan 下拉菜单：

<select class="form-control form-select" name="nomor_pertemuan" id="nomor_pertemuan">
    <option value="">-</option>
        @foreach(range(1, 10) as $pertemuan)
       <option value= $pertemuan >Pertemuan  $pertemuan </option>
        @endforeach
</select>

您可以将其用作查询字符串。您需要使用 jQuery 事件，或者您可以使用 AJAX 代替：

<script>
$(function()
    $('#nomor_pertemuan').on('change', function () 
        var url = " url()->current() ?pertemuan=" + $(this).val();

        if (url) 
            window.location = url;
        

        return false;
    );
);
</script>

选择下拉菜单时，它将重定向到相同的 URL，但有一个查询字符串（根据您的选择）。您可以通过检索会议ID（ID pertemuan）进行查询。

然后，您可以从查询字符串中选择pertemuan 列：

@foreach($kehadiran as $data)
<table>
<tr>
    ...
    <td style="text-align: center;" class="align-middle">
         <input type="hidden" name=" 'k' . request()->input('pertemuan') " value="">
         <input type="checkbox" class="check" name=" 'k' . request()->input('pertemuan') " value="Hadir"  $data->'pertemuan_'.request()->input('pertemuan') == "Hadir" ? "Checked" : '' />
    </td>
    ...
</tr>
</table>
@endforeach

【讨论】：

Sip makasih mas tak coba dulu

makasih banyak suhu, udah berhasil