萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> js實現下拉框選擇要顯示圖片的方法

js實現下拉框選擇要顯示圖片的方法

 這篇文章主要介紹了js實現下拉框選擇要顯示圖片的方法,涉及針對js操作select的技巧,非常具有實用價值,需要的朋友可以參考下

   

本文實例講述了js實現下拉框選擇要顯示圖片的方法。分享給大家供大家參考。具體實現方法如下:

? 1 2 3 4 5 6 7 8 9 10 11 12 <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程序設計有所幫助。

copyright © 萬盛學電腦網 all rights reserved