セレクトメニューで選択された表を表示するスクリプト
| 表１ |
|---|
| 表２ |
|---|
| 表３ |
|---|
選択された番号に応じて表示する表を変えるには表にid属性で名前を指定、スタイルシートでvisibilityを指定しておきます。NN4の場合はposition:absolute;の指定も必要です。選択された番号に応じて表のスタイルプロパティであるvisibilityに"visible"を入れれば選択された番号の表が表示されます。
for (i=1; i<=3; i++)
{
if (document.all) document.all["tbl"+i].style.visibility = "hidden";
if (document.layers) document.layers["tbl"+i].visibility = "hidden";
}
n = selOBJ.selectedIndex + 1;
if (document.all) document.all["tbl"+n].style.visibility = "visible";
if (document.layers) document.layers["tbl"+n].visibility = "visible";
選択された項目番号の値（optionタグのvalueで指定した値、データ）を
取得するにはselectタグのonChangeイベントと組み合わせます。
IEとNNでは取得方法が異なるため「this[this.selectedIndex].value」
のように選択された番号を明示的に指定する必要があります。
<select onChange="alert(this[this.selectedIndex].value)">
<option value="windows2000">windows2000
<option value="windowsXP">windowsXP
<option value="windowsVISTA">windowsVISTA
</select>