Soumettre le formulaire iframe en dehors de l'iframe en utilisant le bouton
P粉316110779
2023-09-04 10:44:17
<p>J'ai un fichier contact.html qui contient un iframe : <code><iframe name="myframe" id="frame1" src="contact_inputs.php"></iframe> ; </code>, qui contient uniquement les trois zones de saisie dans contact_inputs.php. </p>
<p>Je souhaite soumettre un formulaire dans un fichier iframe à php_form.php via un bouton en dehors de l'iframe. </p>
<blockquote>
<p>Contact.html</p>
</blockquote>
<pre class="brush:php;toolbar:false;"><iframe name="myframe" id="frame1" src="contact_inputs.php"></iframe>
<form action="php_form.php" méthode="post">
<type d'entrée="soumettre" nom="DoIt" valeur="soumettre">
</form></pre>
<blockquote>
<p>contact_inputs.php</p>
</blockquote>
<pre class="brush:php;toolbar:false;"><form>
<type d'entrée="" nom="cn">
<type d'entrée="" nom="ex">
<type d'entrée="" nom="cr">
</form></pre>
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Ici, vous pouvez essayer cette logique :
function sub(ev) { ev.preventDefault(); let frame1 = document.getElementById("frame1"); let parser = new DOMParser(); let doc = parser.parseFromString(frame1.innerHTML, "text/html"); let iframeForm = doc.body.querySelector("form"); console.log(iframeForm); //通过name属性访问表单输入字段的值 console.log(iframeForm.cn.value); }<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> </head> <body> <iframe name="myframe" id="frame1" src="contact_inputs.php"> <form id="iframe1Form"> <input type="" name="cn" value ="HELLO"/> <input type="" name="ex" /> <input type="" name="cr" /> </form> </iframe> <form onsubmit="sub(event)"> <input type="submit" name="DoIt" value="submit" /> </form> </body> </html>