简体中文（ZH-CN）English（EN）繁体中文（ZH-TW）日本語（JA）한국어（KO）Melayu（MS）Français（FR）Deutsch（DE）
Rumah
Artikel
Soal Jawab
Kursus
Topik
Muat turun
Permainan
Kamus
kemas kini terkini

Rumah  >  Soal Jawab  >  teks badan

Hantar borang iframe di luar iframe menggunakan butang

<p>Saya mempunyai fail contact.html yang mengandungi iframe: <code><iframe name="myframe"id="frame1"src="contact_inputs.php"></iframe> ; </code>, yang hanya mengandungi tiga kotak input dalam contact_inputs.php. </p> <p>Saya mahu menyerahkan borang dalam fail iframe ke php_form.php melalui butang di luar iframe. </p> <blockquote> <p>Hubungi.html</p> </blockquote> <pre class="brush:php;toolbar:false;"><iframe name="myframe"id="frame1" src="contact_inputs.php"></iframe> <form action="php_form.php" method="post"> <jenis input="serahkan"nama="DoIt"nilai="serahkan"> </form></pre> <blockquote> <p>contact_inputs.php</p> </blockquote> <pre class="brush:php;toolbar:false;"><form> <jenis input="" nama="cn"> <jenis input="" nama="ex"> <jenis input="" nama="cr"> </form></pre>
P粉316110779P粉316110779411 hari yang lalu530

membalas semua(1)saya akan balas

  • P粉546179835

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

    Di sini anda boleh mencuba logik ini: 

    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>

    balas
    0
  • Batalbalas