プルダウンメニューでイメージの表示を切り替え

１．切り替えるイメージをファイルからアップロードしておく
２．イメージ切り替え用のスクリプトとプルダウンメニュー、イメージ表示領域を設定
<script type="text/javascript"> <!-- function changeimages() { var selectednumber=document.changeform.changemenu.selectedIndex; var selectedimage=document.changeform.changemenu.options[selectednumber].value; document.myimages.src=selectedimage; } //--> </script> <form method="post" name="changeform"> <select name="changemenu" onchange="changeimages();"> <option value="画像１のURL">選択1</option> <option value="画像２のURL">選択2</option> <option value="画像３のURL">選択3</option> </select> </form> <img src="画像１のURL" width="100" height="56" border="0" align="" alt="simage01.jpg" name="myimages" />

続きを読む

プルダウンメニューの設置

ソネットのブログにプルダウンメニューの設置

１．記事を「新規作成」
２． select 要素を記述（option のリスト値は必要な項目数分を記述）

<select name="mymenu"> <option value="s1">選択1</option> <option value="s2">選択2</option> <option value="s3">選択3</option> </select>

続きを読む