POSTで<a hrefを送る方法について

単にテキストリンクに見せかけたいだけであれば、

　画像のようなテキスト
　　※テキストが記述された画像

を使うという手段があります。
これなら、

<FORM method="POST">

<INPUT type="image" src="text.gif" alt="リンク風Submit">
</FORM>

という感じでOKです。
JavaScript未対応のブラウザへの配慮もいりません。

＃ちょくちょく仕事で使ってます、この技（＾＾；

投稿日時 - 2003-11-19 22:39:00

FORMは１つにして、リンクの onClick で各 hidden の value を埋めればよいと思います。

# フォーム部
<form action="sample.cgi" method="post" name="post">
<input type="hidden" name="md">
<input type="hidden" name="tx">
　　：
</form>

# リンク部
<a href="sample.cgi?md=aa&tx=zz～" onClick="return myPost(this)">hoge</a>
<a href="sample.cgi?md=bb&tx=yy～" onClick="return myPost(this)">hoge2</a>
<a href="sample.cgi?md=cc&tx=xx～" onClick="return myPost(this)">hoge3</a>
<a href="sample.cgi?md=dd&tx=ww～" onClick="return myPost(this)">hoge4</a>

# 送信スクリプト
<script type="text/javascript"><!--
function myPost(a) {
　　var query = a.href.substring(a.href.indexOf("?")+1);
　　while (query) {
　　　　var p1 = query.indexOf("=");
　　　　var p2 = query.indexOf("&");
　　　　if (p2 == -1) p2 = query.length;
　　　　var key = query.substring(0, p1);
　　　　var val = query.substring(p1+1, p2);
　　　　document.post[key].value = val;
　　　　query = query.substring(p2+1);
　　}
　　document.post.submit();
　　return false;
}
//--></script>
※全角スペースを使っているので、コピーする際は半角スペースかタブに変換してください。

ちなみにこの方法だと、JavaScript がオフの環境では GET で（通常のリンクとして）飛びます。

JavaScript オフの人には実行させたくない場合、リンク内の
　　return myPost(this)
の this の部分を "md=aa&tx=zz～" のようにクエリ文字列にし、myPost 関数の方は
　　function myPost(query) {
として
　　var query = a.href.substring(a.href.indexOf("?")+1);
の部分を削除してください。

投稿日時 - 2003-11-19 18:10:00