Php 如何将id传递到引导模式?
我正在使用引导模式显示成员信息。每个成员都有打开模式的按钮。我有一个循环按钮:Php 如何将id传递到引导模式?,php,twitter-bootstrap,laravel,Php,Twitter Bootstrap,Laravel,我正在使用引导模式显示成员信息。每个成员都有打开模式的按钮。我有一个循环按钮: @foreach($members as $member) <button type="button" class="btn btn-info btn-sm" data-toggle="modal" data-target="#myModal">View Details</button> @endforeach @foreach($members作为$member) 查看详细信息 @
@foreach($members as $member)
<button type="button" class="btn btn-info btn-sm" data-toggle="modal" data-target="#myModal">View Details</button>
@endforeach
@foreach($members作为$member)
查看详细信息
@endforeach
这一模式的内容包括:
<div id="myModal" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Member Detail Information</h4>
</div>
<div class="modal-body">
{{$member->name}}
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
&时代;
成员详细信息
{{$member->name}
接近
但每次我得到最后一个成员的信息。这很明显,但我想从按钮传递
$member->ID
,并在模式中显示它们各自的详细信息。如何实现这一点?您可以使用data
属性将一些数据传递到引导模式
循环中的按钮
@foreach()
<a data-toggle="modal" data-id="{{$member->name}}" href="#UserDialog" class="user_dialog">Details</a>
@endforeach
就这样
这里有一个小演示:您可以使用
data
属性将一些数据传递到引导模式
循环中的按钮
@foreach()
<a data-toggle="modal" data-id="{{$member->name}}" href="#UserDialog" class="user_dialog">Details</a>
@endforeach
就这样
这里有一个小演示:您正在混淆客户端和服务器端。当
foreach
循环完成时,$member
变量包含最后一个成员数据。听起来您可能希望在打开模式时在成员数据中添加AJAX,或者使用一些JavaScript来填充它。您是否使用任何前端JavaScript框架?VueJS、ReactJS、AngularJS?你把客户端和服务器端搞混了。当foreach
循环完成时,$member
变量包含最后一个成员数据。听起来您可能希望在打开模式时在成员数据中添加AJAX,或者使用一些JavaScript来填充它。您是否使用任何前端JavaScript框架?VueJS,ReactJS,AngularJS?
$(document).on("click", ".user_dialog", function () {
var UserName = $(this).data('id');
$(".modal-body #user_name").val( UserName );
});