js實(shí)現(xiàn)下拉框選擇要顯示圖片的方法
本文實(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ì)有所幫助。
- 基于VUE選擇上傳圖片并頁面顯示(圖片可刪除)
- JS移動(dòng)端/H5同時(shí)選擇多張圖片上傳并使用canvas壓縮圖片
- PHP實(shí)現(xiàn)微信JS-SDK接口選擇相冊(cè)及拍照并上傳的方法
- js實(shí)現(xiàn)上傳文件添加和刪除文件選擇框
- file控件選擇上傳文件確定后觸發(fā)的js事件是哪個(gè)
- 瀏覽器圖片選擇預(yù)覽、旋轉(zhuǎn)、批量上傳的JS代碼實(shí)現(xiàn)
- select下拉選擇框美化實(shí)現(xiàn)代碼(js+css+圖片)
- JS實(shí)現(xiàn)的input選擇圖片本地預(yù)覽功能示例
- JS實(shí)現(xiàn)的radio圖片選擇按鈕效果
- vue+js實(shí)現(xiàn)微信上傳圖片選擇功能
相關(guān)文章
JS實(shí)現(xiàn)判斷滾動(dòng)條滾到頁面底部并執(zhí)行事件的方法
這篇文章主要介紹了JS實(shí)現(xiàn)判斷滾動(dòng)條滾到頁面底部并執(zhí)行事件的方法,本文先是分析了需求以及必備知識(shí),然后給出實(shí)現(xiàn)代碼,需要的朋友可以參考下2014-12-12兼容IE FF Opera的javascript最短的拖動(dòng)代碼
關(guān)于拖動(dòng)的代碼太多了要么復(fù)雜要么不兼容,在這就不多說了. 這里提供個(gè)簡潔的。2008-01-01小程序根據(jù)手機(jī)機(jī)型設(shè)置自定義底部導(dǎo)航距離
這篇文章主要為大家詳細(xì)介紹了小程序根據(jù)手機(jī)機(jī)型設(shè)置自定義底部導(dǎo)航距離,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-06-06JavaScript原始數(shù)據(jù)類型Symbol的用法詳解
Symbol是ES6中引入的一種新的基本數(shù)據(jù)類型,用于表示一個(gè)獨(dú)一無二的值。它是JavaScript中的第七種數(shù)據(jù)類型。本文將詳細(xì)講講Symbol的使用,需要的可以參考一下2022-11-11javascript parseUrl函數(shù)(來自國外的獲取網(wǎng)址url參數(shù))
在外國一博客看到一個(gè)很好的函數(shù),獲取網(wǎng)址url等地址參數(shù)。非常不錯(cuò),值得參考與收藏。2010-06-06ie8下修改input的type屬性報(bào)錯(cuò)的解決方法
當(dāng)用戶勾選顯示明文復(fù)選框時(shí),要以明文顯示用戶輸入的密碼,去掉勾選時(shí)要變回密文,問題是ie8中是不允許修改input的type屬性2014-09-09