投稿日: 投稿者: yona

【JSP】ボタンやリンクからフォームのアクションを動的に変更しSubmit

ボタンやリンク押下時に
フォームのaction先をJavaScriptで設定し、submitする。

  • ボタンの場合

    <head>
<script type="text/javascript">
function exec(){
	document.form1.value = 'ACTION001'
	document.form1.submit();
}
</script>
</head>

    <form action="" method="POST" name="form1">
<input type="button" value="ボタン１" onClick="exec()" />
</form>
  • リンクの場合

    <head>
<script type="text/javascript">
function exec(){
	document.form1.value = 'ACTION001'
	document.form1.submit();
}
</script>
</head>

    <form action="" method="POST" name="form1">
<a href="javascript:void(0)"  onClick="exec()">リンク１</a>
</form>

    hrefに「javascript:void(0)」を指定しないと、
    ルート(http://localhost:8080/コンテキスト)にアクセスする。