HTML、PHP、JavaScript等でサイトを作っているのですが・・・。
【実現出来ている例】
<form name="form1" method="post" action="Next.php" onSubmit="return InputCheck()">
<input type="submit" value="送信">
</form>
submitボタンを一つ置いて、それがクリックされた場合に
formの内容をPOSTで送信する。
【実現したい例】
<form name="form1 method="post">
<a href="Next.php" onClick="???">???</a>
</form>
formの中のリンクをクリックされた場合に、formの内容を
POSTで送信したいのですが、その実現方法がわかりません。
GETで送るという手もあり得ますが、今回はどうしてもPOST
したいのですが。
No.1ベストアンサー
- 回答日時:
<form name="form1" method="post" action="Next.php">
<a href="#" onClick="document.form1.submit();">???</a>
</form>
onclick内の対象がform1としてあてているので、
アンカータグは別にform内に記述しなくても大丈夫です
form内にhidden等でnameとvalueを持ったパラメータがあればそれも送られます
アンカータグから動的にvalueを変更したい場合は、
document.form1.hogename.value = 'hoge';
等をsubmit()の前に行えば可能です
ただしform内に
<input type="hidden" name="hogename" value="">
を記述する等、変更先パラメータの元を用意する必要がありますのでご注意下さい
この回答への補足
ご回答ありがとうございます。
何となくイメージがつかめてきましたので、
現在実験中です。
そこで、ひとつ追加質問させて下さい。
<a href="#"~
このシャープ記号は、文字通り"#"なのでしょうか?
それとも何か別の物を表しているのでしょうか。
No.2
- 回答日時:
> <a href="#"~
>
> このシャープ記号は、文字通り"#"なのでしょうか?
> それとも何か別の物を表しているのでしょうか。
文字通りです
アンカータグ(<a>)はhref属性があることで文字色が変わりアンダーラインが付き、
カーソルがポインターになるという動作・レンダリングが適用されます
それを適用させるために # を入れてあげています
href属性のシャープそのものはページ内移動として動作し、
また、href属性がなくてもonclick自体は動作します
他のやり方では
<a href="javascript:document.form1.submit();">???</a>
でhref属性に直接javascriptを入れたり、
<a onClick="document.form1.submit();" style="text-decoration:underline;color:#00f;cursor:pointer;">???</a>
として、href属性のないものにstyleを適用させて、
アンカーっぽく見せる等、やり方は多様です
href属性へ直にjavascriptを入れるのは、
リンク部分にカーソルを合わせた際、
ステータスバーにそのままjsの処理が表示されます
href="#" はonclickを使用する際に前途動作・レンダリングを適用させ、
尚且つステータスバーに処理を表示させないという一般的な方法です
href属性に直js or onclick + href属性#、ここは好みかなと思います
(style設定でする方は恐らく少数派でしょう)
>href="#" はonclickを使用する際に前途動作・レンダリングを適用させ、
尚且つステータスバーに処理を表示させないという一般的な方法です
ご回答ありがとうございました。
おかげさまで実現する事が出来ました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- PHP PHPでCookieを使った訪問回数について 1 2023/05/28 14:10
- HTML・CSS 私の能力からして間違っていないような気がします。 4 2022/09/30 13:24
- PHP PHPで画像の渡しが上手く行きません。 1 2023/02/02 09:39
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- PHP PHP MySql 画像を取得 1 2022/06/04 14:05
- CGI htmlからパラメータで、cgiに渡したい。 1 2023/02/06 16:15
このQ&Aを見た人はこんなQ&Aも見ています
-
プロが教えるわが家の防犯対策術!
ホームセキュリティのプロが、家庭の防犯対策を真剣に考える 2組のご夫婦へ実際の防犯対策術をご紹介!どうすれば家と家族を守れるのかを教えます!
-
リンクでPOSTデータを送信することは可能ですか?
HTML・CSS
-
Javascriptの値をJava(JSP)へ渡す方法
Java
-
HTMLの値の渡し方について質問です。 HTMLで値を今の画面から次の画面に渡すにはどういう文を使う
HTML・CSS
-
-
4
JSPでリンクを利用してパラメータを次画面に渡す方法について。
Java
-
5
jsp 改行コードで改行させて表示したい
Java
-
6
submitをボタン以外にするには
HTML・CSS
-
7
JSPからYYYYMMDDで日付入力する
Java
関連するカテゴリからQ&Aを探す
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
複数のフォームを一括で送信す...
-
submitをボタン以外にするには
-
送信ボタン押下時に値が未入力...
-
<a href=**?***=***>をGET方式で
-
type="hidden"を使って時刻を送信
-
1アクションでPOST・GET、両方...
-
フォームに入力した値をURLに付...
-
HTML mailto の使い方
-
CGI動作後に元のページに戻る方法
-
ブラウザのテキストボックスに...
-
CGIを使わず、HTMLだけで作るメ...
-
1つのformで複数のactionを実...
-
日付リストボックスの制御について
-
以前の質問だと、どの条件でも...
-
プルダウンメニューを選択した...
-
動的にnema属性が変化する場合...
-
親ページからインラインフレー...
-
JavaScript の 「showDialog」
-
プルダウンメニュー項目のフォ...
-
javaScriptで検索結果の保持
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
submitをボタン以外にするには
-
送信ボタン押下時に値が未入力...
-
複数のフォームを一括で送信す...
-
1アクションでPOST・GET、両方...
-
フォーム要素以外にもname属性...
-
URL パラメータを使ってフォー...
-
リンクをクリックした時にform...
-
【html】)パスワード認証フォー...
-
<a href=**?***=***>をGET方式で
-
type="hidden"を使って時刻を送信
-
</form>タグを使用すると強制的...
-
フォームに入力した値をURLに付...
-
送信フォームを2つ用意する方法
-
同じnameのhiddenで別々の内容...
-
checkboxを「変更不可」にでき...
-
GETをPOSTに変更したところ 送...
-
mailtoについて
-
長文のmailtoの使い方
-
CGI動作後に元のページに戻る方法
-
formタグのactionパラメータで...
おすすめ情報