Question

这是我的主页代码：

        <form><iframe name="iframe_pic" src="iframe.html"></iframe></form>

这是我的iframe.html：

    <script type="text/javascript">
function reset_imageform(){
    f = document.getElementById("pic_form");
    f.src=f.src;
}
</script>
</head>
<body><form name="pic_form" id="pic_form" enctype="multipart/form-data" method="post" action="bincgi/imageUpload.php"><input name="pic_file" type="file" id="pic_file" size="35" onChange="this.form.submit();"></form>

这是我的一些php文件imageUpload.php：

    $display_image="<img src='../temp_images/$newfilename'>";
$display_image.="<br><a style='font-weight:bold; font-size:12px;' href='#' onclick='window.parent.reset_imageform();'>remove picture</a>";
echo $display_image;

READ：正如您所看到的，我正在尝试在iframe.html中调用javascript来重置表单。这是因为毕竟我的php，图像显示，我希望用户能够点击链接，然后表单被重置，用户可以选择另一张图片上传。

我应该重置表单（pic_form）还是应该重新加载包含'pic_form'的整个iframe（iframe_pic）？如果有人知道的话，任何代码都会对如何做到这一点表示赞赏？

由于

Answer 1

如何使用表单的重置按钮？

<input type="reset" value="this button resets the form" />

Answer 2

以下是重新加载iframe的方法：

var iframe = document.getElementById(yourframe);
iframe.contentDocument.location.reload(true);

Answer 3

在我看来你正在尝试重新加载表单，而事实上你应该重新加载实际的iframe。

使用javascript重置表单将无法正常工作

3 个答案: