這是視圖,表格上方的下拉選單

這是下拉串列,我想采用選定的值來為其提供表格資料
<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 我希望您能理解我的解釋
uj5u.com熱心網友回復:
經過討論,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
轉載請註明出處,本文鏈接:https://www.uj5u.com/shujuku/347669.html
上一篇:使用onclick更新
