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

質問

お世話になります。

<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

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

こんばんは。　まず 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-_-

入力内容を共有させるとなると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>