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 相关文章推荐
jquery $.ajax入门应用一
Nov 19 Javascript
JavaScript 三种创建对象的方法
Oct 16 Javascript
jQuery学习笔记之jQuery的事件
Dec 22 Javascript
关于IE中getElementsByClassName不能用的问题解决方法
Aug 26 Javascript
JS随机洗牌算法之数组随机排序
Mar 23 Javascript
深入浅析search 搜索框的写法
Aug 02 Javascript
Bootstrap table表格简单操作
Feb 07 Javascript
node.js平台下利用cookie实现记住密码登陆(Express+Ejs+Mysql)
Apr 26 Javascript
详解用node搭建简单的静态资源管理器
Aug 09 Javascript
vue 封装自定义组件之tabal列表编辑单元格组件实例代码
Sep 07 Javascript
浅谈vue引用静态资源需要注意的事项
Sep 28 Javascript
微信小程序实现文件预览
Oct 22 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
Yii入门教程之目录结构、入口文件及路由设置
2014/11/25 PHP
浅谈PHP的排列组合(如输入a,b,c 输出他们的全部组合)
2017/03/14 PHP
jquery蒙版控件实现代码
2010/12/08 Javascript
js 第二代身份证号码的验证机制代码
2011/05/12 Javascript
基于jQuery的公告无限循环滚动实现代码
2012/05/11 Javascript
js Dialog 实践分享
2012/10/22 Javascript
基于jQuery插件实现环形图标菜单旋转切换特效
2015/05/15 Javascript
javascript遇到html5的一些表单属性
2015/07/05 Javascript
jQuery实现边框动态效果的实例代码
2016/09/23 Javascript
jQuery时间日期三级联动(推荐)
2016/11/27 Javascript
JavaScript判断浏览器及其版本信息
2017/01/20 Javascript
javascript history对象详解
2017/02/09 Javascript
详解VUE的状态控制与延时加载刷新
2017/03/27 Javascript
微信小程序 登录的简单实现
2017/04/19 Javascript
微信小程序多张图片上传功能
2017/06/07 Javascript
移动端效果之IndexList详解
2017/10/20 Javascript
详解vue-loader在项目中是如何配置的
2018/06/04 Javascript
详解javascript函数写法大全
2019/03/25 Javascript
浅谈一种让小程序支持JSX语法的新思路
2019/06/16 Javascript
JavaScript实现拖拽和缩放效果
2020/08/24 Javascript
python文件和目录操作方法大全(含实例)
2014/03/12 Python
在Windows系统上搭建Nginx+Python+MySQL环境的教程
2015/12/25 Python
python记录程序运行时间的三种方法
2017/07/14 Python
python中列表和元组的区别
2017/12/18 Python
浅析Python 3 字符串中的 STR 和 Bytes 有什么区别
2018/10/14 Python
Python时间序列缺失值的处理方法(日期缺失填充)
2019/08/11 Python
Python OpenCV读取显示视频的方法示例
2020/02/20 Python
纽约手袋品牌:KARA
2018/03/18 全球购物
Under Armour安德玛荷兰官网:美国高端运动科技品牌
2019/07/10 全球购物
工程师求职简历的自我评价分享
2013/10/10 职场文书
中式面点餐厅创业计划书
2014/01/29 职场文书
大学生演讲稿
2014/04/25 职场文书
计算机网络及管理学专业求职信
2014/06/05 职场文书
法学专业求职信
2014/07/15 职场文书
网聊搭讪开场白
2015/05/28 职场文书
礼貌问候语大全
2015/11/10 职场文书