選択ボックス値の取得

応用例として画像を変更します。

イメージの選択 イメージ（１） イメージ（２） イメージ（３） イメージ（４） イメージ（５）

■ このスクリプトのソース

<script> //画像ファイル名を定義して各画像データをキャッシュに読み込みます img0=new Image() img0.src="./0.gif" //透明色だけの画像 img1=new Image() img1.src="./1.gif" //画像１ img2=new Image() img2.src="./2.gif" //画像２ img3=new Image() img3.src="./3.gif" //画像３ img4=new Image() img4.src="./4.gif" //画像４ img5=new Image() img5.src="./5.gif" //画像５ function imgdisp(parts){ fname=parts.options[parts.selectedIndex].value; //セレクトボックスの値を取得 if (fname==0) document.imgsmp.src=img0.src; //取得値によって画像を切り替える if (fname==1) document.imgsmp.src=img1.src; if (fname==2) document.imgsmp.src=img2.src; if (fname==3) document.imgsmp.src=img3.src; if (fname==4) document.imgsmp.src=img4.src; if (fname==5) document.imgsmp.src=img5.src; } </script> <img src="./image/p0.gif" height="50" width="50" name="imgsmp"> <form> <!--onChange()により選択値が変化したときにimgdisp()に引数を渡す--> <select onChange="imgdisp(this)"> <option value="0">イメージの選択 <option value="1">イメージ（１） <option value="2">イメージ（２） <option value="3">イメージ（３） <option value="4">イメージ（４） <option value="5">イメージ（５） </select> </form>