同一ページの複数のフォーム通信

お世話になります。

<form method='POST' action='#1'>
<input name='text1'>
<input name='text2'>

<form method='POST' action='#2'>
<input name='text3'>
<input method='submit' value='B'>
</form>

<input method='submit' value='A'>
</form>

Aにて　text1,2,3を#1へ送信
Bにて　text3を#2へ送信
したいのですが、上手くできません。

<form></form>で囲まれている中に
更に<form></form>する事はできないのでしょうか？

代替案はありますか？？
よろしくお願いします。

No.3 回答者： yambejp 回答日時： 2007/03/08 11:02

formにformを入れ子することはできません。

ボタンのイチさえきにしないのなら以下のようにするのが妥当では？

<form method='POST' action='#1' name="formA">
<input name='text1'>
<input name='text2'>
<input name='text3' type="hidden">
<input type='submit' value='A'>
</form>
<form method='POST' action='#2'>
<input name='text3' onChange="document.formA.text3.value=this.value">
<input type='submit' value='B'>
</form>

No.2 回答者： hkd9001 回答日時： 2007/03/07 23:50

こんばんは。

　まず html で

<form name='xxx' method='POST' action='#1'>
<input type='text' name='text1'>
<input type='text' name='text2'>
<input type='text' name='text3'>
<input type='submit' value='A'>
</form>

<form name='yyy' method='POST' action='#2'>
<input type='hidden' name='text4'>
<input type='button' value='B' onClick='send()'>
</form>

と　しておいて、javascript で

function send() {

document.yyy.text4.value = document.xxx.text3.value;
document.yyy.submit();

}

としてみると、どうでしょう？

No.1 回答者： suzuki-_- 回答日時： 2007/03/07 23:49

入力内容を共有させるとなるとjavascriptでやるしかないかな、と思います

<script type="text/javascript">
<!--
function submitA(){
document.formA.text1.value = document.formC.text1.value;
document.formA.text2.value = document.formC.text2.value;
document.formA.text3.value = document.formC.text3.value;
document.formA.submit();
}
function submitB(){
document.formB.text3.value = document.formC.text3.value;
document.formB.submit();
}
// -->
</script>
<form method='POST' action='#1' name='formA'>
<input type='hidden' name='text1'>
<input type='hidden' name='text2'>
<input type='hidden' name='text3'>
</form>
<form method='POST' action='#2' name='formB'>
<input type='hidden' name='text3'>
</form>
<form name='formC'>
<input name='text1'>
<input name='text2'>
<input name='text3'>
<input type='button' value='A' onclick='submitA()'>
<input type='button' value='B' onclick='submitB()'>
</form>