首頁  >  問答  >  主體

使用按鈕在iframe外部提交iframe表單

<p>我有一個contactus.html文件,其中包含一個iframe:<code><iframe name="myframe" id="frame1" src="contact_inputs."frame1" src="contact_inputs.&T&&&T;<&> ;</code>,其中只包含contact_inputs.php中的三個輸入框。 </p> <p>我想要透過iframe外部的按鈕將iframe檔案中的表單提交到php_form.php。 </p> <blockquote> <p>聯絡人.html</p> </blockquote> <pre class="brush:php;toolbar:false;"><iframe name="myframe" id="frame1" src="contact_inputs.php"><>< <form action="php_form.php" method="post"> <input type="submit" name="DoIt" value="submit"> </form></pre> <blockquote> <p>contact_inputs.php</p> </blockquote> <pre class="brush:php;toolbar:false;"><form> <input type="" name="cn"> <input type="" name="ex"> <input type="" name="cr"> </form></pre>
P粉316110779P粉316110779411 天前535

全部回覆(1)我來回復

  • P粉546179835

    P粉5461798352023-09-05 09:47:38

    在這裡你可以嘗試這個邏輯:

    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>

    回覆
    0
  • 取消回覆