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程序设计有所帮助。

Javascript 相关文章推荐
Javascript 中文字符串处理额外注意事项
Nov 15 Javascript
Jquery实现带动画效果的经典二级导航菜单
Mar 22 Javascript
JavaScript中双叹号!!作用示例介绍
Sep 21 Javascript
分享10个原生JavaScript技巧
Apr 20 Javascript
js HTML5 Ajax实现文件上传进度条功能
Feb 13 Javascript
Vue.js原理分析之observer模块详解
Feb 17 Javascript
ES6中Symbol类型用法实例详解
Apr 06 Javascript
详解webpack+angular2开发环境搭建
Jun 28 Javascript
jQuery选择器之子元素选择器详解
Sep 18 jQuery
使用gulp构建前端自动化的方法示例
Dec 25 Javascript
js实现表格数据搜索
Aug 09 Javascript
jquery实现拖拽小方块效果
Dec 10 jQuery
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
Zerg基本策略
2020/03/14 星际争霸
XAMPP安装与使用方法详细解析
2013/11/27 PHP
PHP.ini中配置屏蔽错误信息显示和保存错误日志的例子
2014/05/12 PHP
php检测图片主要颜色的方法
2015/07/01 PHP
PHP中trait使用方法详细介绍
2017/05/21 PHP
TP5.0框架实现无限极回复功能的方法分析
2019/05/04 PHP
浅谈JavaScript中面向对象技术的模拟
2006/09/25 Javascript
JS日历 推荐
2006/12/03 Javascript
javascript 获取url参数和script标签中获取url参数函数代码
2010/01/22 Javascript
window.event快达到全浏览器支持了,以后使用就方便了
2011/11/30 Javascript
javascript通过navigator.userAgent识别各种浏览器
2013/10/25 Javascript
jquery实现树形二级菜单实例代码
2013/11/20 Javascript
JavaScript中的apply和call函数详解
2014/07/20 Javascript
jquery实现的蓝色二级导航条效果代码
2015/08/24 Javascript
浅谈js内置对象Math的属性和方法(推荐)
2016/09/19 Javascript
jQuery 检查某个元素在页面上是否存在实例代码
2016/10/27 Javascript
很棒的vue弹窗组件
2017/05/24 Javascript
Vue中CSS动画原理的实现
2019/02/13 Javascript
详解vue中移动端自适应方案
2019/05/05 Javascript
vue父子组件通信的高级用法示例
2019/08/29 Javascript
vue实现div可拖动位置也可改变盒子大小的原理
2020/09/16 Javascript
[04:14]从西雅图到上海——玩家自制DOTA2主题歌曲应援TI9
2019/07/11 DOTA
[55:03]完美世界DOTA2联赛PWL S2 LBZS vs FTD.C 第二场 11.20
2020/11/20 DOTA
以Flask为例讲解Python的框架的使用方法
2015/04/29 Python
django-rest-framework解析请求参数过程详解
2019/07/18 Python
python pip安装包出现:Failed building wheel for xxx错误的解决
2019/12/25 Python
python的sys.path模块路径添加方式
2020/03/09 Python
python 读取二进制 显示图片案例
2020/04/24 Python
Ego Shoes官网:英国时髦鞋类品牌
2020/10/19 全球购物
俄语专业毕业生推荐信
2013/10/28 职场文书
高三语文教学反思
2014/01/15 职场文书
电子信息工程专业推荐信
2014/02/14 职场文书
代理协议书
2014/04/22 职场文书
服装仓管员岗位职责
2014/06/17 职场文书
领导干部群众路线对照检查材料
2014/11/05 职场文书
Golang 正则匹配效率详解
2021/04/25 Golang