编程 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和getJson跨域获取json数据的实现方法

Feb 04 Javascript

Js表格万条数据瞬间加载实现代码

Feb 20 Javascript

Jquery实现兼容各大浏览器的Enter回车切换输入焦点的方法

Sep 01 Javascript

jQuery实现简单的点赞效果

May 29 Javascript

jQuery Ajax 加载数据时异步显示加载动画

Aug 01 Javascript

html5+CSS 实现禁止IOS长按复制粘贴功能

Dec 28 Javascript

利用js的闭包原理做对象封装及调用方法

Apr 07 Javascript

JavaScript创建对象的七种方式(推荐)

Jun 26 Javascript

详解angularJS自定义指令间的相互交互

Jul 05 Javascript

JS库之ParticlesJS使用简介

Sep 12 Javascript

用React-Native+Mobx做一个迷你水果商城APP(附源码)

Dec 25 Javascript

Vue 处理表单input单行文本框的实例代码

May 09 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 set_error_handler()函数使用详解（示例）

2013/11/12 PHP

laravel实现批量更新多条记录的方法示例

2017/10/22 PHP

laravel实现一个上传图片的接口,并建立软链接,访问图片的方法

2019/10/12 PHP

Prototype使用指南之string.js

2007/01/10 Javascript

任意位置显示html菜单

2007/02/01 Javascript

关于Ext中form移除textfield方法:hide(),setVisible(false)，remove()

2010/12/02 Javascript

js日期时间补零的小例子

2013/03/05 Javascript

Javascript跨域请求的4种解决方式

2013/03/17 Javascript

jquery实现带二级菜单的导航示例

2014/04/28 Javascript

node.js中的fs.readSync方法使用说明

2014/12/17 Javascript

JQuery右键菜单插件ContextMenu使用指南

2014/12/19 Javascript

Javascript核心读书有感之语言核心

2015/02/01 Javascript

js实现Form栏显示全格式时间时钟效果代码

2015/08/19 Javascript

JS修改地址栏参数实例代码

2016/06/14 Javascript

基于JavaScript实现点击页面任何位置返回

2016/08/31 Javascript

AngularJS使用ng-repeat和ng-if实现数据的删选显示效果示例【适用于表单数据的显示】

2016/12/13 Javascript

vue2.0 自定义日期时间过滤器

2017/06/07 Javascript

基于es6三点运算符的使用方法(实例讲解)

2017/10/12 Javascript

JavaScript实现获取select下拉框中第一个值的方法

2018/02/06 Javascript

jquery简易手风琴插件的封装

2020/10/13 jQuery

pycharm 使用心得（六）进行简单的数据库管理

2014/06/06 Python

详细介绍Python中的偏函数

2015/04/27 Python

浅谈Python中数据解析

2015/05/05 Python

Python ftp上传文件

2016/02/13 Python

详解Python中使用base64模块来处理base64编码的方法

2016/07/01 Python

Python3结合Dlib实现人脸识别和剪切

2018/01/24 Python

python实现身份证实名认证的方法实例

2019/11/08 Python

俄罗斯美容和健康网上商店：Созвездие Красоты

2019/07/23 全球购物

欧洲最大的预定车位市场：JustPark

2020/01/06 全球购物

美国价格实惠的在线眼镜网站：Zeelool

2020/12/25 全球购物

最新大学生自我评价

2013/09/24 职场文书

课程设计心得体会

2013/12/28 职场文书

学校后勤岗位职责

2014/02/19 职场文书

法人授权委托书样本

2014/09/19 职场文书

正能量励志演讲稿三分钟（范文）

2019/07/11 职场文书

MongoDB数据库的安装步骤

2021/06/18 MongoDB