javascriptのselectboxについての

質問

<select id="select" class="dropdown">
<option>選択してください</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
　　　　　　　　　　　　<option value="4">4</option>
</select>

このようなセレクトボックスを使ってif文？のように
1のoptionを選択したならAと表示する
2のoptionを選択したならBと表示する...

というふうにするにはどのようなプログラムにするべきでしょうか？
どうかお知恵をお貸しください。

回答No.1

yambejp

＞1のoptionを選択したならAと表示する
＞2のoptionを選択したならBと表示する...

対比表をオブジェクトとして定義しておけばよいでしょう。
こんな感じ？

<script>
function selectFunc(obj){
var arr={1:"A",2:"B"};
var val=obj.options[obj.selectedIndex].value;
var txt=(typeof arr[val]=="undefined")?"":arr[val];
document.getElementById("hoge").innerHTML=txt;
}
</script>
<select onchange="selectFunc(this)">
<option>選択してください</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>

<div id="hoge"></div>