セレクトメニューの選択によって次に表示されるDivを変更したい

質問

ここ２週間くらいずっと経験ないJSとPHPをいじってなんとか形になって来ましたが、どうしてもうまくいきません。
ものすごい初心者なので詳しく教えて頂けるとうれしいです。

【やりたい事】
(1)[県]と選択するとその県の(2)[区市町村]を選択できるセレクトメニューを表示させたい。
(1)と(2)で選んだ項目をデーターベースに保存したい。

【条件】
データーベースを購入して使用しているためID属性設定が出来ず、NAME属性設定しかできません。

【htmlソース】
<form name="sys_form">
県を呼び出す特殊なコマンドコメント(Value=FP01～北海道)(onchange="showthis(this)"使用)
<div id="FP01">北海道の市町村のセレクトメニューを作り出す特殊なコマンドコメント</div>
<div id="FP02">青森県の市町村のセレクトメニューを作り出す特殊なコマンドコメント</div>
～FP47まで続く。
</form>

【JS】
function showthis(sel) {
var value = sel.options[sel.selectedIndex].value;
if(value == "FP01"){
if(document.getElementById){
if(document.getElementById(value).style.display == "block"){
document.getElementById(value).style.display = "none";
}else{
document.getElementById(value).style.display = "block";
}
}
}
else if(value != "FP01"){
if(document.getElementById){
document.getElementById("FP01").style.display = "none";
}
}
}

上の状態で北海道は出来たのですが、47都道府県をうまく動作される方法がわかりません。
よろしければ教えて下さい。

回答No.1

yyr446 · ベストアンサー

これでどうです。
function showthis(sel) {
var elements = document.getElementsByTagName("div");
for(var i=0;i<elements.length;i++){
if (elements[i].id.indexOf("FP")==0){
elements[i].style.display = "none";
}
}
var value = sel.options[sel.selectedIndex].value;
if (value.indexOf("FP")==0){
document.getElementById(value).style.display = "block";
}
}

お礼

実験用のデーターを作るのにちょっと時間かかってしまい、お礼が遅れてしまい申し訳有りません。
やりたいことが無事出来ました！
助かりました。
ありがとうございました。