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も見ています
-
性格の違いは生まれた順番で決まる?長男長女・中間子・末っ子・一人っ子の性格の傾向
同じ環境で生まれ育っても、生まれ順で性格は違うものなのだろうか。家庭教育研究家の田宮由美さんに教えてもらった。
-
リンクでPOSTデータを送信することは可能ですか?
HTML・CSS
-
JSPでリンクを利用してパラメータを次画面に渡す方法について。
Java
-
Javascriptの値をJava(JSP)へ渡す方法
Java
-
-
4
HTMLの値の渡し方について質問です。 HTMLで値を今の画面から次の画面に渡すにはどういう文を使う
HTML・CSS
-
5
ページ読み込み時に自動的にsubmitさせる方法
JavaScript
-
6
GROUP BYを行った後に結合したい。
Oracle
-
7
JSPからYYYYMMDDで日付入力する
Java
-
8
php mysql で WHERE句内に変数を入れる方法を教えてください。
PHP
-
9
DBを10件毎に表示ページング処理方法
Java
-
10
JSPのNULLレコード表示について教えて下さい。
Java
-
11
URLのパラメータをGETのままで非表示にしたい
PHP
-
12
html でのテキスト結合について
その他(プログラミング・Web制作)
-
13
コマンドプロンプトのエラーについて
その他(パソコン・周辺機器)
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Duolingo のソースコードの名前...
-
htmlの文字が縦書きになる
-
テーブルの行を折りたたみたい...
-
、URL化させるにはどうしたらい...
-
コードを書いて下さい( ; ; )...
-
12月のカレンダーを表すHTMLを...
-
Webページのリンクの貼り方を教...
-
CSSデータの作成方法について(...
-
goo は、放置?
-
静止画画像をクリックすると音...
-
メモ帳の段落の揃え方
-
HTML に © は、© を使わず...
-
ホームページをちょっと加工す...
-
HTML入門でもう躓いてしまった。
-
CSSでつくったメニューのアニメ...
-
css初心者 フレックスボックス...
-
HTMLで特定の文字だけ色を変え...
-
角丸画像の背景色を透明にした...
-
HTML 訪問カウンターを自作したい
-
1つの「ホームページビルダー2...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
submitをボタン以外にするには
-
1アクションでPOST・GET、両方...
-
送信ボタン押下時に値が未入力...
-
複数のフォームを一括で送信す...
-
URL パラメータを使ってフォー...
-
【html】)パスワード認証フォー...
-
フォーム要素以外にもname属性...
-
リンクをクリックした時にform...
-
GETをPOSTに変更したところ 送...
-
checkboxを「変更不可」にでき...
-
長文のmailtoの使い方
-
type="hidden"を使って時刻を送信
-
<a href=**?***=***>をGET方式で
-
フォームに入力した値をURLに付...
-
submitの処理の後別の画面を表...
-
</form>タグを使用すると強制的...
-
お問い合わせフォームの送信後...
-
mailtoについて
-
CGI動作後に元のページに戻る方法
-
メールフォームの送信ボタンが...
おすすめ情報