Heim > Web-Frontend > js-Tutorial > js generiert dynamisch HTML-Elemente, um Post-Operation (createElement)_javascript-Fähigkeiten zu implementieren

js generiert dynamisch HTML-Elemente, um Post-Operation (createElement)_javascript-Fähigkeiten zu implementieren

WBOY
Freigeben: 2016-05-16 15:39:32
Original
1363 Leute haben es durchsucht

Manchmal müssen Sie Daten auf einer anderen Seite veröffentlichen und dann ein Formular erstellen

<form id="postform" name="postform" method="post">
<input name="msg" value=""/>
</form>
Nach dem Login kopieren

Code kopieren Der Code lautet wie folgt:

document.write("
//document.write("" );

Das Senden mit den folgenden js funktioniert nicht, da das auf der Seite angezeigte Formular kein Objekt, sondern eine Zeichenfolge ist

//  theForm.action = "http://msg.baihe.com/tortoise/pages/tortoise/sm_gb2312.jsp&#63;ReturnURL="+strReturnURL;
//  document.getElementById("Pathid").value="3070";
//  document.getElementById("Title").value="你好!";
//  document.getElementById("Content").value="我把你设为重点关注了,咱们聊聊吧:)";
//  document.getElementById("CloseWindow").value="1";
Nach dem Login kopieren

Sie müssen das Formularobjekt also selbst dynamisch erstellen, indem Sie die folgende Methode verwenden:

var form_feedback = document.createElement("form");
  document.body.appendChild(form_feedback);
    
  var i = document.createElement("input");
  i.type = "hidden";
  i.name = "Title";
  i.value = "你好!";
  form_feedback.appendChild(i);
  
  
  var j=document.createElement("input");
  j.type="hidden";
  j.name="Content";
  j.value="我把你设为重点关注了,咱们聊聊吧:)";
  form_feedback.appendChild(j);
  
  var hiddenIframe=document.createElement("iframe");
  hiddenIframe.src="about:blank";
  hiddenIframe.name="hiddenFrame";
  hiddenIframe.id="hiddenFrame";
  hiddenIframe.width="0";
  hiddenIframe.height="0";
  hiddenIframe.frameborder="0";
  form_feedback.appendChild(hiddenIframe);
  
  
  form_feedback.action = "http://msg.baihe.com/tortoise/pages/tortoise/sm_gb2312.jsp&#63;ReturnURL=";
  form_feedback.target = "hiddenFrame";
  form_feedback.method = "post";
  form_feedback.submit();
Nach dem Login kopieren
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage