js實現下拉框選擇要顯示圖片的方法
來源:易賢網 閱讀:3277 次 日期:2015-03-13 10:41:49
溫馨提示:易賢網小編為您整理了“js實現下拉框選擇要顯示圖片的方法”,方便廣大網友查閱!

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

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

<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程序設計有所幫助。

更多信息請查看IT技術專欄

更多信息請查看腳本欄目
關于我們 | 聯系我們 | 人才招聘 | 網站聲明 | 網站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點

版權所有:易賢網