js實現(xiàn)下拉框選擇要顯示圖片的方法

更新時間：2015年02月16日 11:01:46 作者：代碼家園

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

本文實例講述了js實現(xiàn)下拉框選擇要顯示圖片的方法。分享給大家供大家參考。具體實現(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è)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

picChange 圖片切換特效的函數(shù)代碼
picChange圖片切換特效的封裝函數(shù)，能夠根據(jù)圖片html代碼自動生成右下角的數(shù)字導(dǎo)航按鈕。
2010-05-05
一些常用的JS功能函數(shù)代碼
將 ClientMentInfo類改成了兼容IE6,IE7,IE8,Vista,Windows 7和Firefox
2009-06-06
一文帶你了解async/await的使用
async/await?讓異步代碼變成同步的方式，從而使代碼更具表現(xiàn)力和可讀性；還統(tǒng)一了異步編程的經(jīng)驗；以及提供了更好的錯誤堆棧跟蹤。本文就來講講async/await的使用，需要的可以參考一下
2022-09-09
微信小程序自定義彈出層效果
這篇文章主要為大家詳細介紹了微信小程序自定義彈出層效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-05-05
JS實現(xiàn)可改變列寬的table實例
本文為大家詳細介紹下通過JS實現(xiàn)可改變列寬的table，具體的思路及代碼如下，感興趣的朋友可以參考下哈，希望對大家有所幫助
2013-07-07
JS實現(xiàn)重新加載當前頁面或者父頁面的幾種方法
本文介紹了JS實現(xiàn)重新加載當前頁面或者父頁面的幾種方法.需要的朋友可以參考下
2016-11-11
Javascript玩轉(zhuǎn)繼承（三）
在前兩篇文章中，介紹了構(gòu)造繼承和原型繼承。今天把剩下的兩種寫完，這兩種的應(yīng)用相對于前兩種來說應(yīng)用很少，因此我把他們稱為是非主流繼承方式
2014-05-05
js驗證密碼強度解析
這篇文章主要為大家詳細介紹了js驗證密碼強度，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-03-03
淺談js中同名函數(shù)和同名變量的執(zhí)行問題
下面小編就為大家?guī)硪黄獪\談js中同名函數(shù)和同名變量的執(zhí)行問題。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-02-02
js左右彈性滾動對聯(lián)廣告代碼分享
這個對聯(lián)廣告與其它的有所區(qū)別，這個是頁面加載時先沒看到廣告，然后從左邊快速飛進來的兩個對聯(lián)廣告哦，下面我們一起來看看對聯(lián)廣告效果代碼
2014-02-02