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