编程 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 相关文章推荐

从JavaScript 到 JQuery (1)学习小结

Feb 12 Javascript

善用事件代理，警惕闭包的性能陷阱。

Jan 20 Javascript

javascript与有限状态机详解

May 08 Javascript

js实现按一下删除键删除整个单词附demo

Sep 05 Javascript

js在指定位置增加节点函数insertBefore()用法实例

Jan 12 Javascript

JavaScript计时器示例分析

Feb 05 Javascript

javascript中JSON.parse()与eval()解析json的区别

May 19 Javascript

微信小程序 Canvas增强组件实例详解及源码分享

Jan 04 Javascript

Vue.js实现文章评论和回复评论功能

May 30 Javascript

ReactNative实现Toast的示例

Dec 31 Javascript

JS获取本地地址及天气的方法实例小结

May 10 Javascript

详解为element-ui的Select和Cascader添加弹层底部操作按钮

Feb 07 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函数代码

2010/04/22 PHP

PHP数据类型之整数类型、浮点数的介绍

2013/04/28 PHP

PHP中的str_repeat函数在JavaScript中的实现

2013/09/16 PHP

jQuery对象和DOM对象的相互转化实现代码

2010/03/02 Javascript

推荐5 个常用的JavaScript调试技巧

2015/01/08 Javascript

javascript实现获取浏览器版本、浏览器类型

2015/12/02 Javascript

onmouseover事件和onmouseout事件全面理解

2016/08/15 Javascript

jquery点击展示与隐藏更多内容

2016/12/03 Javascript

layui中layer前端组件实现图片显示功能的方法分析

2017/10/13 Javascript

nodejs的路径问题的解决

2018/06/30 NodeJs

如何把vuejs打包出来的文件整合到springboot里

2018/07/26 Javascript

JS加密插件CryptoJS实现AES加密操作示例

2018/08/16 Javascript

jquery+css实现Tab栏切换的代码实例

2019/05/14 jQuery

如何在vue项目中嵌入jsp页面的方法(2种)

2020/02/06 Javascript

vue+高德地图实现地图搜索及点击定位操作

2020/09/09 Javascript

[27:08]完美世界DOTA2联赛PWL S2 SZ vs Rebirth 第二场 11.21

2020/11/23 DOTA

python从网络读取图片并直接进行处理的方法

2015/05/22 Python

python发送邮件实例分享

2017/07/28 Python

Python实现曲线点抽稀算法的示例

2017/10/12 Python

Python爬取当当、京东、亚马逊图书信息代码实例

2017/12/09 Python

详解python使用pip安装第三方库(工具包)速度慢、超时、失败的解决方案

2018/12/02 Python

python使用udp实现聊天器功能

2018/12/10 Python

如何运行带参数的python脚本

2019/11/15 Python

CSS3悬停效果案例应用

2012/11/21 HTML / CSS

使用HTML5 Geolocation实现一个距离追踪器

2018/04/09 HTML / CSS

产品促销活动策划书

2014/01/15 职场文书

司机辞职报告范文

2014/01/20 职场文书

开办大学饮食联盟创业计划书

2014/01/29 职场文书

政府个人对照检查材料思想汇报

2014/10/08 职场文书

白酒代理协议书范本

2014/10/26 职场文书

医院财务人员岗位职责

2015/04/14 职场文书

小学教师见习总结

2015/06/23 职场文书

践行三严三实心得体会（2016推荐篇）

2016/01/06 职场文书

跟班学习心得体会（共6篇）

2016/01/23 职场文书

JS实现简单控制视频播放倍速的实例代码

2021/04/18 Javascript

怎么禁用Windows 11快照布局? win11不使用快照布局的技巧

2021/11/21 数码科技