Javascriptでsubmitボタン押下時にPOSTされるデータを追加したい場合があります。
フォーム内に複数のボタンを設置した際に押されたボタンによってPOSTするデータを追加したい場合あったので、その時のメモです。
■ Javascript
1 2 3 4 5 6 7 8 9 10 | function funcBtn() { // エレメントを作成 var ele = document.createElement( 'input' ); // データを設定 ele.setAttribute( 'type' , 'hidden' ); ele.setAttribute( 'name' , 'hoge' ); ele.setAttribute( 'value' , 'テスト' ); // 要素を追加 document.myForm.appendChild(ele); } |
■ HTML
1 2 3 4 5 6 7 | < form method = "post" id = "myForm" name = "myForm" > (省略) < input type = "submit" name = "btn" value = "ボタン" onclick = "funcBtn();" /> </ form > |
ボタン押下時、hiddenでhogeにテストという値がPOST送信されます。