快捷導(dǎo)航

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

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

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

本文實(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>

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

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