Senden Sie das Iframe-Formular außerhalb des Iframes mit der Schaltfläche

Question

Ich habe eine contact.html-Datei, die einen Iframe enthält: , der nur die drei Eingabefelder in contact_inputs.php enthält. Ich möchte die Iframe-Datei über eine Schaltfläche außerhalb des Iframes in die Iframe-Datei einfügen

P粉546179835 · Answer

在这里你可以尝试这个逻辑：

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);
      }



  
    
    
    
    Document
  
  
    
      <form id="iframe1Form">
        <input type="" name="cn" value ="HELLO"/>
        <input type="" name="ex" />
        <input type="" name="cr" />
      </form>

PHP8, ich komme auch

Lernen Sie das Website-Layout in 30 Minuten

Shangguan Oracle Video-Tutorial für Anfänger bis Fortgeschrittene

Ihre erste Zeile UNI-APP-Code

Flattern Sie von Grund auf bis zum App-Start

Brother Lian Neues Linux-Video-Tutorial

AXURE 9 Video-Tutorial (geeignet für die interaktive Produktdesign-Benutzeroberfläche von Product Manager)

Zero Basic Proficiency PS-Video-Tutorial

16-tägiges UI-Video-Tutorial für den Einstieg

PS-Techniken und Slicing-Techniken-Video-Tutorial

Video-Tutorial zum Bau und zur Projekteinführung der Alibaba Cloud-Umgebung

Überblick über Computernetzwerke – Grundkenntnisse, die Programmierer beherrschen müssen

Grundlegendes Tutorial für Programmierer – Erklärung des HTTP-Protokolls

Websocket-Video-Tutorial