Heim >Web-Frontend >js-Tutorial >js generiert dynamisch HTML-Elemente, um Post-Operation (createElement)_javascript-Fähigkeiten zu implementieren
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>
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?ReturnURL="+strReturnURL; // document.getElementById("Pathid").value="3070"; // document.getElementById("Title").value="你好!"; // document.getElementById("Content").value="我把你设为重点关注了,咱们聊聊吧:)"; // document.getElementById("CloseWindow").value="1";
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?ReturnURL="; form_feedback.target = "hiddenFrame"; form_feedback.method = "post"; form_feedback.submit();