カテゴリー: JSP

投稿日:

【JSP】ボタンでリンクと同じ動作を行う

ボタン押下時にリンク押下時と同じ動作を行う。

<input type="button" value="メニュー画面へ" onclick="location.href='Menu.jsp'" class="btn btn-default">

class属性はbootstrapの指定方法のひとつ。
ボタンを無地のデフォルトにします。

投稿日:

【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/コンテキスト)にアクセスする。