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も見ています
-
外出時に「待たせる妻」vs イライラする「待つ夫」は日本だけ?見習いたい海外事情
夫の家事参加に積極的なイメージのある海外でも、同様の事例はあるのか。結婚カウンセラーの佐竹悦子さんに伺ってみた。
-
リンクでPOSTデータを送信することは可能ですか?
HTML・CSS
-
フォーム上で押されたボタンによってサーブレットの処理を変えたい
Java
-
HTMLの値の渡し方について質問です。 HTMLで値を今の画面から次の画面に渡すにはどういう文を使う
HTML・CSS
-
-
4
JSPでリンクを利用してパラメータを次画面に渡す方法について。
Java
-
5
ページング
Java
-
6
<A href ~ と一緒に値を渡すには
PHP
-
7
JSPのNULLレコード表示について教えて下さい。
Java
-
8
DBを10件毎に表示ページング処理方法
Java
-
9
URLのパラメータをGETのままで非表示にしたい
PHP
-
10
Javascriptの値をJava(JSP)へ渡す方法
Java
-
11
JSPで<SELECT>の中にDBから持ってきたデータを反映させたい
Java
-
12
ページ読み込み時に自動的にsubmitさせる方法
JavaScript
-
13
GROUP BYを行った後に結合したい。
Oracle
-
14
プルダウンメニューにDBの内容を表示させる
PHP
-
15
HTMLのリンクをクリックすることで、phpの内部変数の値を変更させるにはどうしたらよいでしょうか?
PHP
-
16
jsp~jspにhiddenを使って変数を飛ばしたい
JavaScript
-
17
MySQLでデータベースにデータinsert時のエラー。
Java
-
18
入力チェックとエラーメッセージの表示
Java
-
19
getParameterで値が取得できず、困ってます
HTML・CSS
-
20
リクエストに応じたselectedの初期値設定方法
Java
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
type="hidden"を使って時刻を送信
-
<a href=**?***=***>をGET方式で
-
GETをPOSTに変更したところ 送...
-
submitの処理の後別の画面を表...
-
checkboxを「変更不可」にでき...
-
同じnameのhiddenで別々の内容...
-
input date について
-
formタグのactionパラメータで...
-
CGIを使わず、HTMLだけで作るメ...
-
リンクをクリックした時にform...
-
フォーム外からボタン操作をし...
-
URL パラメータを使ってフォー...
-
CGI動作後に元のページに戻る方法
-
「アドオンを実行しようとして...
-
入力フォームの javascript で ...
-
IE6とIE8のSELECTタグの11と31
-
リストボックス全選択について
-
1つのformで複数のactionを実...
-
親ページからインラインフレー...
-
一括で値を入力するには?
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
URL パラメータを使ってフォー...
-
submitをボタン以外にするには
-
送信ボタン押下時に値が未入力...
-
フォーム要素以外にもname属性...
-
複数のフォームを一括で送信す...
-
1アクションでPOST・GET、両方...
-
【html】)パスワード認証フォー...
-
<a href=**?***=***>をGET方式で
-
メールフォームの送信ボタンが...
-
type="hidden"を使って時刻を送信
-
リンクをクリックした時にform...
-
フォームに入力した値をURLに付...
-
mailtoについて
-
checkboxを「変更不可」にでき...
-
submitの処理の後別の画面を表...
-
GETをPOSTに変更したところ 送...
-
HTMLのフォームタグの送信順に...
-
CGI動作後に元のページに戻る方法
-
チェックボックスにチェックを...
-
お問い合わせフォームの送信後...
おすすめ情報