同じフォーム内で、押下するボタンによって、飛び先のページ(cgi)を変えたい。
例えば、
以下のように、同じフォーム内に2つのボタンを用意し、
片方のボタンをクリックすると、現在のページ(aaa.cgi)へ戻り、
もう片方のボタンをクリックすると、別のページ(bbb.cgi)へ飛ぶようにしたい。
なお、何れのボタンもサブミットしたい。
↓(aaa.cgi)=================================
:
<form name="frm1" action="???" method="post">
<input name="t1" type="text">
<input name="t2" type="text">
:
<input name="b1" type="button" onClick="submit();">
<input name="b2" type="button" onClick="submit();">
:
</form>
:
↑(aaa.cgi)=================================
良い方法はないでしょうか。
ご存知の方、ご教授ねがいます。
よろしくお願いします。
No.2ベストアンサー
- 回答日時:
こんなのとか
-----------------------------------------------------------------------
<form name="frm1" action="aaa.cgi" method="post">
<input name="t1" type="text">
<input name="t2" type="text">
</form>
<form name="frm2" action="bbb.cgi" method="post">
<input name="t1" type="text">
<input name="t2" type="text">
</form>
:
<input name="b1" type="button" onClick="document.frm1.submit();">
<input name="b2" type="button" onClick="document.frm2.submit();">
-----------------------------------------------------------------------
または
-----------------------------------------------------------------------
<html>
<head>
<title>TESTページ</title>
<script language="javascript">
<!--
function fSubmit(sType){
var sCGI = 'aaa.cgi';
if(sType > 0) sCGI = 'bbb.cgi';
with(document.frm1) {
action = sCGI;
// method = 'post';
submit();
}
}
</script>
</head>
<body>
<form name="frm1" action="#" method="post">
<input name="t1" type="text"><br />
<input name="t2" type="text"><br />
</form>
<input name="b1" type="button" value="呼出1" onClick="fSubmit(0)"><br />
<input name="b2" type="button" value="呼出2" onClick="fSubmit(1)"><br />
</body>
</html>
-----------------------------------------------------------------------
こういうのでどうでしょうか?
ご回答ありがとうございます。
また、詳細なコードのご提示までいただき、
大変、分かりやすいです。
初心者なもので、
onClick="document.frm1.submit();"
で別のフォームからサブミットできるのは、
初めて知りました。
こちらの方法で、うまくいきました。
ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- PHP PHP MySql 画像を取得 1 2022/06/04 14:05
- PHP PHP MySQLに画像を直接保存 2 2022/06/05 11:50
- PHP PHPで画像の渡しが上手く行きません。 1 2023/02/02 09:39
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- CGI htmlからパラメータで、cgiに渡したい。 1 2023/02/06 16:15
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
【jQuery】input nameの文字列...
-
二つの入力欄に、同時に同じ文...
-
動的にTabindexの値を変えたい!
-
jqueryでtextareaのcols、rows...
-
javascriptの値をformのinput h...
-
JavaScriptにて動的に配列を作...
-
cookie使用時にundefinedと表示...
-
テキストボックスの入力をリセット
-
Javascriptでのbuttonのname属...
-
入力フォームに半角スペース以...
-
ASP.NETでNAME属性を固定にしたい
-
Pythonのプログラミングについ...
-
【ASP.NET MVC】HTMLヘルパーに...
-
ファイル選択ダイアログが表示...
-
ラジオボタンでクリックした値...
-
hiddenを動的に作成したい
-
name属性のないformタグの、中...
-
return trueとreturn falseの用...
-
<JavaScript>tableタグを入力不...
-
onchangeイベントを強制的に発...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
【jQuery】input nameの文字列...
-
javascriptの値をformのinput h...
-
テキストボックスの入力をリセット
-
ボタンを押すとテキストボック...
-
name属性のないformタグの、中...
-
JavaScriptにて動的に配列を作...
-
二つの入力欄に、同時に同じ文...
-
新しくフォルダを作成したい
-
ラジオボタンでクリックした値...
-
ASP.NETでNAME属性を固定にしたい
-
入力フォームに半角スペース以...
-
テキストボックスの値同士を比...
-
Javascriptでのbuttonのname属...
-
動的にTabindexの値を変えたい!
-
submitボタン押下時にPOSTされ...
-
ふりがな自動入力で姓名を分け...
-
cookie使用時にundefinedと表示...
-
name属性とid属性の違い。DOMの...
-
data.resultからデータを取り出...
-
doPostBack 関数について
おすすめ情報