Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/231.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 如何将id传递到引导模式?_Php_Twitter Bootstrap_Laravel - Fatal编程技术网

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">&times;</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 );
});