Javascript:JavascriptでPOSTの値を追加する

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送信されます。