Question

我需要打开一个子窗口，如警报框，我已经为此创建了一个弹出窗口，它可以正常工作，但是我需要像警报一样打开弹出窗口，并想输入数据并更新，这是从表中编辑数据所必需的，我需要在单击编辑按钮的同时打开警报框，我已经创建了一个弹出窗口来执行此操作，我尝试在此处添加该代码...

主表的代码为：

function poupdata(url){
 window.open(url,"edit","width=500,height=550px");
 }

<html>
<table>
    <thead><tr><th>Sl No</th><th>head 1</th><th>head 2</th><th>head 3</th><th>Edit</th></tr></thead>
    <tbody>
        <tr><td>1</td><td>data 1</td><td>data 2</td><td>data 3</td><td><input type="button" value="Edit" onclick="poupdata('edit.php?slno=1')"></td></tr>
        <tr><td>2</td><td>data 1</td><td>data 2</td><td>data 3</td><td><input type="button" value="Edit" onclick="poupdata('edit.php?slno=2')"></td></tr>
        <tr><td>3</td><td>data 1</td><td>data 2</td><td>data 3</td><td><input type="button" value="Edit" onclick="poupdata('edit.php?slno=3')"></td></tr>
        <tr><td>4</td><td>data 1</td><td>data 2</td><td>data 3</td><td><input type="button" value="Edit" onclick="poupdata('edit.php?slno=4')"></td></tr>
    </tbody>
<table>
</html>

和

之类的edit.php页面

   
    <html>
    <form method="POST"><table>
    <tr><td>Data 1</td><td><input type="text" name="name"></td></tr>
<tr><td>Data 2</td><td><input type="text" name="name"></td></tr>
<tr><td>Data 3</td><td><input type="text" name="name"></td></tr>
<tr><td>Data 34</td><td><input type="text" name="name"></td></tr>
    <tr><td></td><td><input type="submit" name="submit" value="Submit"></td></tr>

在此过程中，单击从输入字段读取的提交按钮数据并在数据库中进行更新，更新成功后，我需要关闭它并自动重新加载主页，我该怎么办

Answer 1

您可以尝试看看这些示例，我确定这是您要查找的内容：

Bootstrap Modals

Modals Popup

打开子窗口

1 个答案: