javascriptでのセレクトボックスについて。

質問

javascriptを使ったセレクトボックスについて教えてください。
教えてgooのカテゴリ選択のように、セレクトボックスでjavascripを使い、

一つめのselectボックスでは
・１
・２
・３
のオプションを選択可能に

二つめのselectボックスでは、
１が選択されたら
・１の１
・１の２
・１の３
のオプションを選択可能に

２が選択されたら
・２の１
・２の２
・２の３
を選択可能に

３が選択されたら
・３の１
・３の２
・３の３
を選択可能に

と言う風にはどうすれば出来るでしょうか？
教えてください、お願いします。

回答No.2

gorusura

<div>
<select id="select">
<option>1</option>
<option>2</option>
<option>3</option>
</select>
</div>
<div id="select1">
<select>
<option>1の1</option>
<option>1の2</option>
<option>1の3</option>
</select>
</div>
<div id="select2">
<select>
<option>2の1</option>
<option>2の2</option>
<option>2の3</option>
</select>
</div>
<div id="select3">
<select>
<option>3の1</option>
<option>3の2</option>
<option>3の3</option>
</select>
</div>
<script type="text/javascript"><!--
(function(elements,select){
var length=elements.length;
for(var i=0;i<length;i++){
elements[i].style.display='none';
}
elements[0].style.display='';
select.onchange=function(){
for(var i=0;i<length;i++){
elements[i].style.display='none';
}
switch(select.value){
case '1':
elements[0].style.display='';
break;
case '2':
elements[1].style.display='';
break;
case '3':
elements[2].style.display='';
break;
default:
alert('error');
break;
}
};
})([document.getElementById('select1'),document.getElementById('select2'),document.getElementById('select3')],document.getElementById('select'));
//--></script>
簡単なものだと、このような感じになります。

回答No.1

askaaska

ここに書くより
インターネット上にたくさんサンプルがあるから
それを見たほうがいいかも

Googleなどで
「select 連動」
「ドロップダウン 連動」
「プルダウン 連動」
あたりで検索するといいわ