ラジオボタンとリストで得た値からリンク

質問

ラジオボタン（01から03）とリストで得た値（01から14）を合成して得られるファイル名（0114.htmlなど）へリンクさせたいのですが可能でしょうか？複数のラジオボタンからの指定でリンクさせる方法をこちらで見つけ、大いに参考にさせていただいていたのですが（QNo.3026823、noname#31047さんの御回答）、これからの改良であれこれやってみていますがうまくいきません。そもそもこのような発想に無理があるのでしょうか？ご教示くださいますと幸いです。

回答No.1

yambejp · ベストアンサー

こんな感じでやればよいかと思いますが・・・

<script>
function check(f){
var hoge=f.hoge;
for(var i=0;i<hoge.length;i++){
if(hoge[i].checked){
var str_hoge=hoge[i].value;
break;
}
}
var str_fuga=f.fuga.options[f.fuga.selectedIndex].value;
var str=str_hoge+str_fuga+".html";
//alert(str);
location.href=str;
return false;
}
</script>

<form>
<input type="radio" value="01" name="hoge" checked>01
<input type="radio" value="02" name="hoge">02
<input type="radio" value="03" name="hoge">03
<select name="fuga">
<option value="01" selected>01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
</select>
<input type="button" value="check" onClick="check(this.form)">
</form>

ただし、その飛び先のurlが存在するかどうかが保証がないため、
あまりこの手のやり方は一般的ではないかもしれません。

お礼

yambejp様、早速のご回答をありがとうございます。ご教示くださいましたプログラムを組み込んで試してみます。ラジオボタンとリストの混合のやり方があまり一般的ではないとのご判断もありがとうございます。あれこれ書いてみては動かなかったので大いに助かりました。ありがとうございます。