POSTで
<a href=sample.cgi?md=aa&tx=zz~>hoge</a>
<a href=sample.cgi?md=bb&tx=yy~>hoge2</a>
<a href=sample.cgi?md=cc&tx=xx~>hoge3</a>
<a href=sample.cgi?md=dd&tx=ww~>hoge4</a>
を送る方法でjavascriptとの組み合わせで出来るのかな?
と思い検索したら
<form action="./sample.cgi" method="POST" name="post">
<input type="hidden" name="md" value="aa">
<input type="hidden" name="tx" value="zz">
:
<a href='#' onClick="document.post.submit();return false">hoge</a>
<form action="./sample.cgi" method="POST" name="post2">
<input type="hidden" name="md" value="bb">
<input type="hidden" name="tx" value="yy">
:
<a href='#' onClick="document.post2.submit();return false">hoge2</a>
このような手法が見つかりました
これだと行数が多くなり、なんとなくすっきりしません
どなたかいい解決方法を教えてください
よろしくお願いします
No.3ベストアンサー
- 回答日時:
JavaScriptオフの場合を考えないなら、このように書けます。
<!-- フォーム -->
<form action="sample.cgi" method="post" name="form1">
<input type="hidden" name="md">
<input type="hidden" name="tx">
</form>
<!-- スクリプト -->
<script type="text/javascript"><!--
function Post(md, tx) {
form1.md.value = md;
form1.tx.value = tx;
form1.submit();
}
//--></script>
<!-- リンク -->
<a href="javascript:Post('aa', 'zz')">hoge</a>
<a href="javascript:Post('bb', 'yy')">hoge2</a>
回答ありがとうございます
これは良いですね、すっきりしてますし
編集も楽そうです
JavaScriptオフの場合を考えていないので
(自分だけ使う予定なので)
まったく問題ありません
# JavaScriptを勉強しなければ・・・・・
No.2
- 回答日時:
単にテキストリンクに見せかけたいだけであれば、
画像のようなテキスト
※テキストが記述された画像
を使うという手段があります。
これなら、
<FORM method="POST">
<INPUT type="image" src="text.gif" alt="リンク風Submit">
</FORM>
という感じでOKです。
JavaScript未対応のブラウザへの配慮もいりません。
#ちょくちょく仕事で使ってます、この技(^^;
回答ありがとうございます
JavaScript未対応を気にせずやれる方法ですね
ただ、テキストリンクに見せかけたい
・・・ってわけではないので(^^;
今後の参考にさせていただきます
No.1
- 回答日時:
FORMは1つにして、リンクの 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);
の部分を削除してください。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- PHP PHPで画像の渡しが上手く行きません。 1 2023/02/02 09:39
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- HTML・CSS ただいま勉強始めたての初心者です。フォームを縦並べにしたいです。 2 2022/11/20 17:18
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- CGI perlで書いたcgiでsqliteの使い方を教えてください 2 2023/05/08 21:29
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
<a href="#" …>の意味を教えて...
-
POSTで<a hrefを送る方法について
-
プルダウンメニューからリンク...
-
pythonのWebスクレイピングでfi...
-
html メールリンクにて自動ファ...
-
chromeでの擬似クラス:focus に...
-
本番環境とテスト環境のURL
-
同意を求めて、次のページに進...
-
別ファイルのfunctionの読み込み方
-
bodyにidをつける理由は何ですか?
-
base64encodeでの文字化けについて
-
javascriptでalertの文字列をコ...
-
window.openの後にエンコードを...
-
JavaScriptでiframeの内容を「...
-
getElementsByNameで要素が取得...
-
複数のページ(html)のvalueを...
-
【SSI】include file、include ...
-
document.getElementById
-
【javascript クロスブラウザ...
-
SCRIPT5007: 未定義または NULL...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
<a href="#" …>の意味を教えて...
-
相対パスと絶対パスの速度
-
pythonのWebスクレイピングでfi...
-
HTMLソースからURLだけを抜き出...
-
<META HTTP-EQUIV='refresh' CO...
-
フレームだけ閉じる方法ありま...
-
html メールリンクにて自動ファ...
-
<a href>での背景色について。
-
HTMLアプリでインラインフレー...
-
iPadのロングタップ(長押し)...
-
リンクに飛ばない・・・
-
プルダウンメニューからリンク...
-
ある一定時間操作していない場...
-
POSTで<a hrefを送る方法について
-
mailto + 変数名
-
個別にハイパーリンクの色を指...
-
chromeでの擬似クラス:focus に...
-
エクスプローラ風階層構造のhtml
-
特定リファラからのアクセスを拒否
-
時間によってリンク先を変える...
おすすめ情報