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

スポンサーリンク

---

１．切り替えるイメージをファイルからアップロードしておく
２．イメージ切り替え用のスクリプトとプルダウンメニュー、イメージ表示領域を設定
<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" />
３．以下が実際に記述した状態

選択1 選択2 選択3

◆「option value=～」の選択部分は必要数分を記述◆
◆リッチテキストエディタでは上手くペーストできないようなので、一時的にリッチテキストエディタを「利用しない」に設定しておく必要があった◆

---

スポンサーリンク