javascriptによる条件分岐についてご質問で

質問

当方、javascriptに関してはほとんど無知のため
お教えいただければと思っているのですが、
行いたいことは、以下のとおりです。

まずラジオボタンでA・Bのいずれかを選択します。

その後、テキストエリアにこちらが指定したコード（キャンペーンコードみたいなもの）
を入力してもらいます。

ラジオボタンで選択したものと入力コードの
組み合わせによって、送信先（リンク先）が変更する

といったようなフォームをつくりたいとおもっているのですが
こういうフォームはjavascriptでも実装可能でしょうか？

この質問コーナーも初めて使うので、もし無礼あれば申しつけください。

皆様、よろしくお願い致します。

回答No.1

yambejp · ベストアンサー

>送信先（リンク先）が変更する

一般的には送付先は一つにしておいて、受けた側のサーバープログラムで
振り分けるのが妥当だとおもいますが？

もちろんjavascriptでできないことはなく、
radioボタンのcheckedをみてvalueを確定して、その値と
手入力したキャンペーンコードの組合せから、想定する飛び先を
actionに返すだけです。

<script>
function setAction(f){
var check="";
for(var i=0;i<f.length;i++){
if(f[i].type=="radio" && f[i].checked) check=f[i].value;
}
var code=f["code"].value;
if(check=="a" && code=="xxx") f.action="bbb.htm";
if(check=="a" && code=="yyy") f.action="ccc.htm";
if(check=="b" && code=="xxx") f.action="ddd.htm";
if(check=="b" && code=="yyy") f.action="eee.htm";

}
</script>

<form action="aaa.htm" onSubmit="return setAction(this);">
<p>
<input type="radio" name="check" value="a">a
<input type="radio" name="check" value="b">b
</p>
<p>
キャンペーンコード：<input type="text" name="code">
<input type="submit" value="go">
</p>
</form>

aを選んでコードがxxxならbbb.htm、aを選んでコードがyyyならccc.htm、
bを選んでコードがxxxならddd.htm、bを選んでコードがyyyならeee.htm、
それ以外はaaa.htm

お礼

質問へのご回答ありがとうございます。

また、早々のご対応ありがとうございます。

サーバーの都合上、CGIやPHPを使うことができないサーバー
だったのと、なんとかJSでできないものか？

というのもあって、今回ご質問させていただきました。

本当にありがとうございます。

おかげさまでやりたいことができる環境になりました。