複数の送信ボタンと送信先

質問

お世話になります。
HTMLのフォームでのsubmitボタンについての質問です。
例えば１つのテキストボックスと、Ａに送信、Ｂに送信、Ｃに送信という３つのボタンという構成のフォームがあり
テキストボックスのデータを
Ａに送信ボタンをクリックするとhttp://○○○/a.cgiに
Ｂに送信ボタンをクリックするとhttp://○○○/b.cgiに
Ｃに送信ボタンをクリックするとhttp://○○○/c.cgiに
送信するにはどのようなHTMLを書けばよいのでしょう。
多分JavaScript使うのだろうなと思うのですけれど

回答No.1

flowermaze · ベストアンサー

こんな感じですかね～
<script>
function SctionChange(CGI) {
document.Form.action = 'http://○○○/' + CGI;
document.Form.submit();
}
</script>

<form name="Form" action="http://○○○/a.cgi">
<input type="text" name="aaa">
<input type="submit" value="Aに送信">
<input type="button" value="Bに送信" onClick="ActionChange('b.cgi')">
<input type="button" value="Cに送信" onClick="ActionChange('c.cgi')">
</form>

「Aに送信」を押すと普通に送信。「Bに送信」「Cに送信」を押すとアクションを書き換えてから送信。
ちなみにこの方法だとテキストエリアに入力してエンターキーを押すと必ずAに送ってしまいます。それを避けるなら「Aに送信」もjavascript起動ボタンにして、formのonsubmitでactionがなければ戻すようにするといいかもしれません。

お礼

ありがとうございます。助かりました。