javascript - 非表示フォームHTMLの送信

原文 javascript html jsp

別のフォームの一部であるテキスト入力フィールドに値が入力されたときに非表示のフォームを送信したいのですが。

<form name="TDISLabelForm" target="fr1" method='POST' action="/createLabelTDIS.do">
                <input type="hidden" name="lab_no" value="<%=lab_no%>">
                <input type="hidden" name="accessionNum" value="<%=accessionNum%>">
                <input type="hidden" id="label" name="label" value="<%=label%>">

    </form>  
<iframe style="height:1px;width:1px;border:none:" id="fr1"></iframe>
<form name="ackForm" method="post" action="/UpdateStatus.do">

            <button type="button" value="Label">Label</button>
             <input type="text" id="label" name="label" value="<%=label%>"/>
             <input type="button" onclick="TDISLabelForm.submit()" value="Create">

 </form>


TDISLabelFormを送信する「作成」ボタンをクリックしたときに「label」の値を送信したいのですが。これはどのように行うことができますか?

ご協力いただきありがとうございます。
答え
これはあなたをあなたの道に連れて行くためのスタートですhttp://en.wikipedia.org/wiki/XMLHttpRequest

function submitLable(lblval){
   var payLoad = document.forms['TDISLabelForm']
                         .lab_no.value = document.forms['ackForm']
                         .label.value; // pass the value for visible for to the hidden form
   var request = requestObject();
   request.open("POST", "/createLabelTDIS.do", false); // post the value to createLabelTDIS.do for further processing as usual.
   request.send(payLoad);
}


function requestObject() {
   if (window.XMLHttpRequest)
      return new XMLHttpRequest();
   else if (window.ActiveXObject)
      return new ActiveXObject("Msxml2.XMLHTTP");
   else
      throw new Error("Could not create HTTP request object");
}

<input type="button" onclick="submitLable(this)" value="Create">
関連記事

javascript - HTMLタグではなくテキストを置き換えますか?

java - Javascript呼び出しからdllをロードするときにアプレットから直接呼び出されたときではなく、Javaセキュリティエラー

javascript - focusout / blurでテキストを取得する

javascript - フォームの一部をトラバースするjquery

php - jQueryを使用してフォームデータを送信する

javascript - 画像内のアンカーでonclickイベントが発生しないのはなぜですか?

javascript - JavaScriptを使用して加速スクロール効果を構築するにはどうすればよいですか?

javascript - 数字のみの入力を回避するための正規表現(他の文字なしで入力)

javascript - <ul>のコンテンツをシリアル化し、AJAX経由でフォームを送信する

javascript - iframeのリロードなしでiframeの高さの変化を検出する