gpt4 book ai didi

javascript - 在 Laravel 中将数据从 Blade 传递到模态

转载 作者:行者123 更新时间:2023-12-04 01:27:30 25 4
gpt4 key购买 nike

我有一个情况,比如显示具有不同列的表,比如第一列是 id,第二列是 name,第三列有一个按钮,点击它会打开一个模式;表中的数据来自 foreach 循环。

我想在单击按钮时将 id 传递给模式。

                                    <td>{{ $emp->req_id}} </td>

<td>{{ $emp->empid}} </td>
<td>{{ $emp->visit_title}} </td>
<td>{{ $emp->stays_nights}}</td>
<td>{{ $emp->apply_date }}</td>
<td>{{ $emp->travel_charges }}</td>
<td>{{ $emp->hotel_charges }}</td>
<td>{{ $emp->meal_charges }}</td>

<td>{{ $emp->approv_status}}</td>

@endforeach
</tr>
</tbody>

最佳答案

为此,您可以使用 jquery

step(1) 在你的 blade 文件中添加这段代码

 <button type="button" data-toggle="modal" data-target-id="{{ $emp->id }}" data-target="#modelName">Button name </button>

步骤 (2) 定义您的 jquery 方法

 <script>
$(document).ready(function () {
$("#modelName").on("show.bs.modal", function (e) {
var id = $(e.relatedTarget).data('target-id');
$('#pass_id').val(id);
});
});

</script>

第(3)步制作模态

<div class="modal fade" id="modelName" tabindex="-1" role="dialog"
aria-labelledby="myModalLabel">
<div class="modal-dialog data-dialog-centerd" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span></button>
<h4 class="modal-title text-center" id="myModalLabel">Model header Name</h4>
</div>
<div class="modal-body">
<form class="form-horizontal" action="#"
method="post"
enctype="multipart/form-data">

{{ csrf_field() }}

<div class="portlet-body form">
<div class="form-body">
<div class="form-group">
<input class="form-control" name="name" type="text"
id="pass_id">
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>

关于javascript - 在 Laravel 中将数据从 Blade 传递到模态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52308059/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com