這篇文章主要介紹了js實(shí)現(xiàn)下拉框選擇要顯示圖片的方法,涉及針對js操作select的技巧,非常具有實(shí)用價值,需要的朋友可以參考下
本文實(shí)例講述了js實(shí)現(xiàn)下拉框選擇要顯示圖片的方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下:
<html>
<title>下拉框選擇要顯示的圖片</title>
<body>
<img width=320 height=240 src="images/m01.jpg" name="x1">
<SELECT onChange="document.x1.src=options[selectedIndex].value">
<option value="images/m04.jpg">油菜花開</option>
<option value="images/m03.jpg">往事如茶</option>
<option value="images/m02.jpg">野花綻放</option>
<option value="images/m01.jpg">紅葉傳情</option>
</SELECT>
</body>
</html>
希望本文所述對大家的javascript程序設(shè)計有所幫助。
更多信息請查看IT技術(shù)專欄