Question

<a id="modal-107547" href="#modal-container-107547" class="btn btn-default btn-flat" data-toggle="modal">Profile</a>

此按钮链接到引导模式，如下所示。

<div class="container-fluid">
    <div class="row">
        <div class="col-md-12">
             <a id="modal-107547" href="#modal-container-107547" role="button" class="btn" data-toggle="modal">Launch demo modal</a>

            <div class="modal fade" id="modal-container-107547" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">

                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                ×
                            </button>
                            <h4 class="modal-title" id="myModalLabel">
                                Modal title
                            </h4>
                        </div>
                        <div class="modal-body">
                            ...
                        </div>
                        <div class="modal-footer">

                            <button type="button" class="btn btn-default" data-dismiss="modal">
                                Close
                            </button> 
                            <button type="button" class="btn btn-primary">
                                Save changes
                            </button>
                        </div>
                    </div>

                </div>

            </div>

        </div>
    </div>
</div>

当我点击配置文件按钮时，是否有任何方法可以向模型发送值，就像我们在get方法中使用something.php？id =“value”一样。

Answer 1

创建一个将返回个人资料的php页面

<强> getprofile.php

$id = $_GET['id'];
return getProfile($id); // return all info for this profile id

使用ajax将id发送到getprofile.php，你的模态标识符应为#modal-profileID

$("a[id^=modal-]").on("click",function(e) {
e.preventDefault();
$.get( "getprofile.php", { id: $(this).prop("id").split("-")[1] } ).done(function( data ) {
    $("#modal-container-"+$(this).prop("id").split("-")[1]).find(".modal-body").append(data);
    $("#modal-container-"+$(this).prop("id").split("-")[1]).modal();
  });
});

您的<a>代码可以使用data-target

撰写

<a id="modal-107547" data-target="#modal-container-107547" class="btn btn-default btn-flat" data-toggle="modal">Profile</a>

Answer 2

该按钮不会提交表单，也不会链接到其他页面。单击按钮时，使用JavaScript打开模态。因此，PHP没有机会参与两者之间的通信（除非您使用AJAX，这似乎是一个不必要的漫长的方式来做你想要完成的事情。）

您必须使用JavaScript / jQuery在按钮和模态之间传递值。

但是，要发送的实际值可以插入PHP中（在为按钮和模态生成HTML时）。像这样：

echo '<a id="modal-107547" href="#modal-container-107547" class="btn btn-default btn-flat" data-toggle="modal" data-some-variable='. $variable .'>Profile</a>'

然后，当单击按钮时，您将使用JS / JQuery执行某些操作。

编辑：如果您需要掌握JS / jQuery，请参阅此问题和答案：

Passing data to a bootstrap modal

从php发送bootstrap模式中的值

2 个答案: