Question

我正在尝试将数据传递给不带bootstrap的弹出模式。我只需要传递一个id，这样我就可以使用id从服务器获取数据，以便在表单中显示数据。这是供用户编辑数据。

我使用onclick作为打开弹出模式的方法。如果可能的话，我想继续使用onclick。那么有没有方法使用onclick将数据传递给弹出模式？我们可以将php作为onclick的一种方法吗？

HTML：

<button id="myBtn" class="" `onclick="document.getElementById'('Modaluprec').style.display='block'">Done</button>`

<div id="Modaladdrec" class="modal">
            <div class="modal-content">
            <span onclick="document.getElementById('Modaladdrec').style.display='none'" class="close">&times;</span>
                <form autocomplete="off" class="patform" enctype="multipart/form-data" action="http://localhost/FYP/php/addrec.php>" method="POST">
                    <div class="container">
                        <label style="text-align:center" class="header2"><h2>Update Patient</h2></label>
                        <label>Height</label>
                        <input type="text" placeholder="Enter Height" name="height" value="">
                        <label>Weight</label>
                        <input type="text" placeholder="Enter Weight" name="weight" value="">
                        <button class="buttonsubmit" type="submit" name="submit">Add</button>
                    </div>
                </form>
            </div>
        </div>

我没有提供所有代码。我只添加了重要的代码。

Answer 1

也许这个会帮助你。

Open a popup box after receiving result from ajax

您可以从数据库加载数据，并通过javascript模式通过ajax传递它。

将数据传递给弹出式Modal而不使用Bootstrap

1 个答案: