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