【JavaScript】Submit時にパラメータを増やす

以下のように、onClickイベントでパラメータ追加処理を呼び出してあげればOK

<script>

<!-- パラメータを追加する関数 -->
function addParam() {

// 追加で送信するパラメータ
var newValue = document.createElement('input');
// 画面に表示されてしまうので、隠す
newValue.type = "hidden";
// パラメータ名
newValue.name = "paramName";
// パラメータ値
newValue.value = "paramValue";

// フォームの要素に加えることで、submit時に追加したパラメータも送信される
document.forms[0].appendChild(newValue);

}
</script>

<!-- パラメータを追加するフォーム -->
<form action="xxxxx" method="post">

<!-- ボタンクリック時、submit前に呼ばれるonClickイベントを利用する -->
<button onClick="addParam()">送信</button>


</form>

送信されたパラメータをFiddlerで見るとこんな感じ。

 

【JavaScript】Aタグクリック時にURLを書き換える

<!-- リンククリック時、URLを書き換える -->


<a href="https://www.yahoo.co.jp/" onclick="linkClick(this);">ヤフーへ</a>

<script type="text/javascript">

    function linkClick(aTag) {
      aTag.innerText = "グーグルへ";//動作確認用にテキストを書き換える(実際には無くて良い)
      aTag.href = "https://www.google.com/";
    }

</script>

上記は、まったく別サイトに飛ぶため実際にはこんなことはしてはいけませんが、業務要件である条件の際に別ページに飛ぶ場合等に利用できます。