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

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 职场文书