2 帧中的页面：数据、表单、表单提交的更新数据

Question

我有一个框架页面，右边是src="data.php"，左边是src="form.php"

数据.php：

echo "<a font color=".$row['state'].">state</a>";

form.php:

<form action="todb.php" method="post">
Active:
 Yes<input type="radio" name="state" value="green">
 No<input type="radio" name="state" value="red">
<input type="submit" name="submit" value="submit">
</form>

文件data.php将数据放在数据库中，所以我需要在提交时可视化变化，我的意思是看到“状态”的颜色从红色变为绿色或相反当我点击提交时。

有什么想法吗？

添加信息，以防万一： 索引页：

<frameset cols="50%,*" border="0" scrolling="no">
<frame name="data" scrolling="auto" src="data.php">
<frame name="form" scrolling="no" src="form.php">
</frameset>

Answer 1

将表单的目标更改为左侧 iframe 的名称

<form action="data.php" method="post" target="my_iframe">
Active:
 Yes<input type="radio" name="state" value="green">
 No<input type="radio" name="state" value="red">
<input type="submit" name="submit" value="submit">
</form>

<!-- when the form is submitted, the server response will appear in this iframe -->
<iframe name="my_iframe" src="data.php"></iframe>

Answer 2

好的，我终于找到了我正在寻找的解决方案......

在 index.php 文件中，我将一个 id 添加到我想刷新的框架中，这样：

<frameset cols="50%,*" border="0" scrolling="no">
<frame name="data" scrolling="auto" src="" id="data-frame">
<frame name="form" scrolling="auto" src="">
</frameset>

然后在文件末尾有一个java脚本接收数据以将其发送到数据库“todb.php”

?>
<script type="text/javascript">
parent.document.getElementById("data-frame").contentWindow.location.reload();
</script>
</body>
</html>

就这样……