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="#" …>の意味を教えて...
-
相対パスと絶対パスの速度
-
pythonのWebスクレイピングでfi...
-
html メールリンクにて自動ファ...
-
HTMLでボタンを設置して、ボタ...
-
htmlのチェックボックスで動的...
-
小窓を指定して開いた為に・・?
-
別ファイルのfunctionの読み込み方
-
JavaScriptからVBScriptの呼び...
-
<script>...</script> 要素の内
-
GIFアニメの動きが止まってしま...
-
SCRIPT5007: 未定義または NULL...
-
bodyにidをつける理由は何ですか?
-
javascript外部読み込みの際の引数
-
cssにjavascriptを入れる?呼び...
-
ホームページ上に『位置固定』...
-
Safariで<iframe>のinnerHTMLを...
-
javascriptで別ファイルから変...
-
(Javascript)印刷するファイル...
-
新しいウィンドゥを最大化で立...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
<a href="#" …>の意味を教えて...
-
html メールリンクにて自動ファ...
-
相対パスと絶対パスの速度
-
フレームだけ閉じる方法ありま...
-
リンクに飛ばない・・・
-
pythonのWebスクレイピングでfi...
-
HTMLソースからURLだけを抜き出...
-
時間によってリンク先を変える...
-
個別にハイパーリンクの色を指...
-
<a href>での背景色について。
-
mailto + 変数名
-
プルダウンメニューからリンク...
-
POSTで<a hrefを送る方法について
-
chromeでの擬似クラス:focus に...
-
URLでEXEを呼出した際の、引数...
-
同意を求めて、次のページに進...
-
リンクを選択すると現れる点線枠
-
HTML内に記載された画像のURLを...
-
ある一定時間操作していない場...
-
iPadのロングタップ(長押し)...
おすすめ情報