编程 Javascript

js实现下拉框选择要显示图片的方法

Posted in Javascript onFebruary 16, 2015

本文实例讲述了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程序设计有所帮助。

js实现下拉框选择要显示图片的方法

- Author -

代码家园

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

textarea的value是html文件源代码,存成html文件的代码

Apr 20 Javascript

说说JSON和JSONP 也许你会豁然开朗

Sep 02 Javascript

关于图片的预加载过程中隐藏未知的

Dec 19 Javascript

JavaScript中的对象和原型(一)

Aug 12 Javascript

js实现增加数字显示的环形进度条效果

Feb 05 Javascript

使用原生js+canvas实现模拟心电图的实例

Sep 20 Javascript

JS解析后台返回的JSON格式数据实例

Aug 06 Javascript

vue-image-crop基于Vue的移动端图片裁剪组件示例

Aug 28 Javascript

React降级配置及Ant Design配置详解

Dec 27 Javascript

Vue 中可以定义组件模版的几种方式

Aug 06 Javascript

vue vant Area组件使用详解

Dec 09 Javascript

Echarts如何重新渲染实例详解

May 30 Javascript

js实现点击图片将图片地址复制到粘贴板的方法

Feb 16 #Javascript

js实现鼠标经过时图片滚动停止的方法

Feb 16 #Javascript

js鼠标点击图片实现随机变换图片的方法

Feb 16 #Javascript

JavaScript简介

Feb 15 #Javascript

JavaScript的原型继承详解

Feb 15 #Javascript

javascript 闭包详解

Feb 15 #Javascript

PhotoShop给图片自动添加边框及EXIF信息的JS脚本

Feb 15 #Javascript

You might like

php mssql 分页SQL语句优化持续影响

2009/04/26 PHP

tp5(thinkPHP5框架)使用DB实现批量删除功能示例

2019/05/28 PHP

一个简单的JavaScript 日期计算算法

2009/09/11 Javascript

javascript中类的定义及其方式(《javascript高级程序设计》学习笔记)

2011/07/04 Javascript

EXTJS记事本当CompositeField遇上RowEditor

2011/07/31 Javascript

JQuery异步加载无限下拉框级联功能实现示例

2014/02/19 Javascript

js获取IP地址的方法小结

2014/07/01 Javascript

基于JQuery制作可编辑的表格特效

2014/12/23 Javascript

jQuery的position()方法详解

2015/07/19 Javascript

jQuery实例—选项卡的简单实现(js源码和jQuery)

2016/06/14 Javascript

Bootstrap中glyphicons-halflings-regular.woff字体报404错notfound的解决方法

2017/01/19 Javascript

详解VUE 对element-ui中的ElTableColumn扩展

2018/03/28 Javascript

Angular7中创建组件/自定义指令/管道的方法实例详解

2019/04/02 Javascript

详解Vue中的scoped及穿透方法

2019/04/18 Javascript

python用ConfigObj读写配置文件的实现代码

2013/03/04 Python

在Python中marshal对象序列化的相关知识

2015/07/01 Python

Python实现将16进制字符串转化为ascii字符的方法分析

2017/07/21 Python

python爬虫爬取快手视频多线程下载功能

2018/02/28 Python

Python基于辗转相除法求解最大公约数的方法示例

2018/04/04 Python

Python Unittest自动化单元测试框架详解

2018/04/04 Python

pandas 快速处理 date_time 日期格式方法

2018/11/12 Python

Pycharm 设置默认头的图文教程

2019/01/17 Python

深入了解Django中间件及其方法

2019/07/26 Python

Python中*args和**kwargs的区别详解

2019/09/17 Python

python3 图片 4通道转成3通道 1通道转成3通道图片压缩实例

2019/12/03 Python

python global和nonlocal用法解析

2020/02/03 Python

python加密解密库cryptography使用openSSL生成的密匙加密解密

2020/02/11 Python

全球知名巧克力品牌：Godiva

2016/07/22 全球购物

澳大利亚波西米亚风连衣裙在线商店：Fortunate One

2019/04/01 全球购物

Perfume’s Club英国官网：购买香水和护肤品

2019/11/02 全球购物

JAVA代码查错题

2014/10/10 面试题

个人租房协议书

2014/04/09 职场文书

水电维修专业推荐信

2014/09/06 职场文书

小组口号霸气押韵

2015/12/24 职场文书

CSS几步实现赛博朋克2077风格视觉效果

2021/06/16 HTML / CSS

MySQL 数据库增删查改、克隆、外键等操作

2022/05/11 MySQL