初心者です。一つのformで2つのactionを実現する方法を教えて下

質問

初心者です。一つのformで2つのactionを実現する方法を教えて下さい。

iframeが２つあり、一つのformによる結果をそれぞれに反映させたいのですが。
<iframe src="A.php" name="A" >
<iframe src="B.php" name="B" >

フォーム↓
<form method="post">
<select name="area"><option selected value="">エリア選択 </option>

<option value="01">あいうえお</option>
<option value="02">かきくけお</option>
<option value="03">さしすせそ</option>
</select>

<select name="price"> <option selected value="">価格帯選択</option>
<option value="01">1000円未満</option>
<option value="02">1001円～2000円</option>
<option value="03">2001円～3000円</option>
<option value="04">3001円以上</option></select>

<input type=submit value="絞込" /></form>

この結果をA.phpとB.phpに反映させて、それぞれのiframeに表示させたいのですが。
javaを使えばできるそうなのですが、やり方ご存知の方いらっしゃれば教えてくれませんか？よろしくお願いします。

回答No.2

steel_gray · ベストアンサー

Safariでうまくいかない件、確認できました。
Javascript部分を次のようにしてみてください。

function sample(F) {
F.action = 'A.php'
F.target = 'A'
F.submit();
setTimeout(function(){
F.action = 'B.php'
F.target = 'B'
F.submit();
},1);
return false;
}

お礼

steel_grayさん。ありがとうございます。
早速書き換えてみました。が、今度はA,B両方とも動作しなくなってしまいました。

回答No.1

steel_gray

こんな感じかな

<form method="post">
↓
<form method="post" onsubmit="return sample(this)">

<script type="text/javascript">
function sample(F) {
F.action = 'A.php'
F.target = 'A'
F.submit();

F.action = 'B.php'
F.target = 'B'
F.submit();

return false;
}
</script>

お礼

ご回答ありがとうございます！
早速試してみたのですが、B.phpの方は動作するのですが、A.phpの方が動きません。
うーん、何故でしょう？

補足

steel_grayさんに教えていただいた方法でいけました。
ただブラウザによってはうまく動作しないようです。IEとfirefoxでは動作しますがsafariでは片方しか動きません。
何か良い方法ないでしょうか？