<FORM> </FORM> の中に　さらに <FORM> </FORM>があるときのSUBMITボタンについて

解決済

質問者：GBSGBS
質問日時：2003/05/12 17:52
回答数：7件

今、

<FORM ACTION="aaa.asp" METHOD="POST" Name="form1">
<input type="SUBMIT" value="ボタン１">

<FORM ACTION="bbb.asp" METHOD="POST" Name="form2">
<input type="SUBMIT" value="ボタン2">
</FORM>

</FORM>

としていて、ボタン２を押すとbbb.aspに
飛んでほしいのでに、aaa.aspに飛んでしまいます。
こういう場合どのようにすればよいのでしょうか？

それぞれのボタンは hidden の値をそれぞれの
フォームの中の値を渡したいので
どうしてもSubmitがいいのです。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (7件)

ベストアンサー優先
最新から表示
回答順に表示

No.7ベストアンサー

回答者： _Leo
回答日時：2003/05/16 23:46

No.4の回答者_Leoですが、分かりにくかったと思いますので、

全ソースのサンプルを記載しますので、参考にして下さい。
No.6のyou111111さんと同じく、JavaScriptを使用しています。
下記をそのまま、新規のhtmlにコピペで使用できますよよヨ。
本来のサイトが使用しているテキストボックス名は'MT'です。
-------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN">

<html>

<head>
<title>SAMPLE</title>
<meta http-equiv="Content-Type" content="text/html;charset=EUC-JP">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<script language="JavaScript" type="text/javascript">

</script>
</head>

<body>

<form>
<input type="text" name="TXT" value="Congratulation" size="40"><br>
<input type="button" onClick="func1(this.form)" value="Eng-JP">
<input type="button" onClick="func2(this.form)" value="goo">
</form>


<form name="form1" method="GET"
action="http://dictionary.goo.ne.jp/cgi-bin/dict_search. …
<input type="hidden" name="MT">
<input type="hidden" name="sw" value="0">
</form>


<form name="form2" method="GET"
action="http://search.goo.ne.jp/web.jsp">
<input type="hidden" name="MT">
</form>

</body>
</html>

- 2
- 件

通報する

この回答へのお礼

おぉ～～、ありがとうございます！！
感謝です。

通報する

お礼日時：2003/05/19 12:21

No.6

回答者： you111111
回答日時：2003/05/14 16:01

javascriptを使って

<FORM METHOD="POST" Name="form1">
<input type="BUTTON" value="ボタン１" onclick="funcClick('aaa.asp');">
<input type="BUTTON" value="ボタン２" onclick="funcClick('bbb.asp');">
</FORM>
------------javascript-------------

function funcClick(strTarget)
{
form1.action=strTarget;
form1.submit();
}

ではどうでしょう？

- 0
- 件

通報する

No.5

回答者： noname#4486
回答日時：2003/05/13 02:44

個別的製品の実装がどうこうというのもありますが、仕様に従った方が無難だとは思いますよ。

皆さんおっしゃっていますが、form要素同士は入れ子（ネスト）にできません。

このソースを見るだに、専門のお仕事ではないですよね？されば、外道を極めてみるのも一興か・・・？
うひひひひ

- 0
- 件

通報する

No.4

回答者： _Leo
回答日時：2003/05/12 23:19

たぶん、Gooのトップページに似た形でしょうか。

参考にしたらどうでしょう。

参考URL：http://www.goo.ne.jp/

- 0
- 件

通報する

No.3

回答者： arukamun
回答日時：2003/05/12 18:50

皆さん書いておられるように<FORM>はネスト出来ませんので、分けましょう。

また、<INPUT TYPE=hidden VALUE=xxxx>をそれぞれの<FORM></FORM>の中におけば良いと思います。

<FORM ACTION="aaa.asp" METHOD="POST" Name="form1">
<INPUT TYPE=hidden VALUE="xxxxx">
<input type="SUBMIT" value="ボタン１">
</FORM>
<FORM ACTION="bbb.asp" METHOD="POST" Name="form2">
<INPUT TYPE=hidden VALUE="xxxxx">
<input type="SUBMIT" value="ボタン2">
</FORM>