2

これは私が持っているものです

    <html>
    <head>
    </head>
    <body>
    <iframe id="myiframe">
    <form id= "myform" action="submit.php" method="POST">
    <input type="submit">
    </form></iframe>
    <div id="hiddendiv" style="display:none">
    some text
    </div>
    </body></html>

これは、iframeのフォームが送信された後に最終的にやりたいことです（入力するか、送信ボタンをクリックするだけで、フォームにはフィールドが1つしかないので気にしません）

    <html>
    <head>
    </head>
    <body>
    //I want this iframe to become display:none or to be deleted
    /*<iframe id="myiframe">
    <form id= "myform" action="submit.php" method="POST">
    <input type="submit">
    </form></iframe>*/
    //and this div to be showed
    <div id="hiddendiv" style="display:">
    some text
    </div>
    </body></html>

誰でも助けてください、ありがとう

私は回答を持っていますが、投稿するのに8時間待たなければならないので、最初の質問を編集しました。必要に応じて、それを回答として検証できます

とった

<html>
<head>
</head>
<body>
<script>

function closeIframe() {
var iframe = document.getElementById('myiframe');
iframe.parentNode.removeChild(iframe);
document.getElementById("hiddendiv").style.display="";
}

</script>
<iframe id="myiframe">
<form id= "myform" action="submit.php" method="POST">
<input type="submit">
</form></iframe>
<div id="hiddendiv" style="display:none">
some text
</div>
</body></html>

そしてsubmit.phpでは、戻り値はこれです

echo '<script type="text/javascript">';
echo 'parent.closeIframe()';
echo '</script>';
4

2 に答える 2

1 
<html>
<head>
</head>
<body>
<script>

function closeIframe() {
var iframe = document.getElementById('myiframe');
iframe.parentNode.removeChild(iframe);
document.getElementById("hiddendiv").style.display="";
}

</script>
<iframe id="myiframe">
<form id= "myform" action="submit.php" method="POST">
<input type="submit">
</form></iframe>
<div id="hiddendiv" style="display:none">
some text
</div>
</body></html>

そしてsubmit.phpではリターンはこれです

echo '<script type="text/javascript">';
echo 'parent.closeIframe()';
echo '</script>';
于 2013-02-10T16:02:10.010 に答える
1

同じドメインからの場合は、これを submit.php に追加し、フォームを抽出して iframe に入れる必要があります

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

デモ

<script>
top.document.getElementById("myiframe").style.display="none";        
top.document.getElementById("hiddendiv").style.display="block";
</script>
于 2013-02-01T11:51:23.307 に答える