JavascriptでＡタグが機能しません

JSP内に以下のような記述をしているのですが、クリックしても画面遷移せず、action内にはってるデバックも反応しないです。
リンクをクリックしてもPOSTがactionに送信されていないような気がします。
クリックすると画面は表示され直すので通信は走ってるっぽいのですが…

action内のURLの記載は、他のJSPで入力フォームをsubmitするのに使用しているので合っているはずです。
お知恵をお借りできれば幸いです。よろしくお願い致します。

行動規範の内容に同意します

回答2件

こうするか

lang
1<html>
2<head>
3</head>
4<body>
5
6<form action="http://www.google.co.jp" name="form0">
7
8</form>
9
10<a href="#" onclick="document.form0.submit()">詳細</a>
11</body>
12</html>

こう？

lang
1<html>
2<head>
3</head>
4<body>
5
6<form action="http://www.google.co.jp" name="form0">
7
8</form>
9
10<a href="javascript:void(0)" onclick="document.form0.submit()">詳細</a>
11</body>
12</html>

jQueryを使ってもできます

lang
1<html>
2<head>
3<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
4<script type="text/javascript">
5	$(function(){
6		$('#detailBtn').click(function(){
7			$('#form0').submit();
8			return false;
9		});
10	});
11</script>
12</head>
13<body>
14
15<form id="form0" action="http://www.google.co.jp">
16
17</form>
18
19<a id="detailBtn" href="http://www.yahoo.co.jp">詳細</a>
20</body>
21</html>

投稿2015/04/17 00:37

編集2015/04/17 00:38

退会済みユーザー

総合スコア0

return falseするか、返り値をvoidにしないと本来のAタグの機能が実行されてしまう気がします。
差し障りなければ、

lang
1<form action="http://localhost:8080/test/testaction" name="form0" method="POST" > 
2<input type="hidden" name="request" value="detail"> 
3<input type="hidden" name="Id" value="10"> 
4</form> 
5<A href="#">詳細</A>
6
7<script type="application/javascript">
8document.getElementsByTagName("a")[0].addEventListener("click", function(e){
9    e.preventDefault();    
10    document.getElementsByName("form0")[0].submit();
11}, false);
12</script>