时间戳

首页 > 解决方案 > 打开子窗口

javascript - 打开子窗口

问题描述

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

主表代码为：

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>

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

标签： javascripthtmlpopup

解决方案

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

引导模态

模态弹出窗口

推荐阅读