Maison > interface Web > js tutoriel > js génère dynamiquement des éléments HTML pour implémenter les compétences Post-opération (createElement)_javascript

js génère dynamiquement des éléments HTML pour implémenter les compétences Post-opération (createElement)_javascript

WBOY
Libérer: 2016-05-16 15:39:32
original
1333 Les gens l'ont consulté

Parfois, vous devez publier des données sur une autre page, puis vous devez créer un formulaire

<form id="postform" name="postform" method="post">
<input name="msg" value=""/>
</form>
Copier après la connexion

Copier le code Le code est le suivant :

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

La soumission avec le js suivant ne fonctionne pas car le formulaire affiché sur la page n'est pas un objet, mais une chaîne

//  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";
Copier après la connexion

Vous devez donc créer vous-même dynamiquement l'objet formulaire, en utilisant la méthode suivante :

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();
Copier après la connexion
Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal