[JavaScript] Submit先を条件によって変える

投稿日：2019年4月1日更新日：2019年3月31日

Submit先を条件によって変えたい時のサンプルです。

サンプルソース

例）引数によりSubmit先を変える

function doAction(actionName){
  with(document.forms[0]){
    //Submit先の判定
    if(actionName == 'Submit1'){
        target="_self";
        action="./Action1.do";
    }else if(actionName == 'Submit2'){
        target="_self";
        action="./Action2.do";
    }else{
        target="_self";
        action="./Action3.do";
    }

  //Submitする
  submit();
  }
}

function doAction(actionName){

with(document.forms[0]){

//Submit先の判定

if(actionName == 'Submit1'){

target="_self";

action="./Action1.do";

}else if(actionName == 'Submit2'){

target="_self";

action="./Action2.do";

}else{

target="_self";

action="./Action3.do";

}

//Submitする

submit();

}

<input type="button" value="ボタンＡ" onClick="doAction('Submit1');"/>
<input type="button" value="ボタンＢ" onClick="doAction('Submit2');"/>

1 2	<input type="button" value="ボタンＡ" onClick="doAction('Submit1');"/> <input type="button" value="ボタンＢ" onClick="doAction('Submit2');"/>

このサンプルでは、ファンクション呼び出し時の引数によりSubmit先を切り変えています。

引数が'Submit1'だった場合は、'./Action1.do'へSubmitし、引数が'Submit2'だった場合は、'./Action2.do'へSubmit、それ以外の場合は、'./Action3.do'へSubmitします。

備考

document.formsのaction値を書き換えれば、Submit先を動的に変更することができます。

執筆者：とら