编程 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.extend函数扩展自己对象的js代码

Dec 09 Javascript

JavaScript中圆括号()和方括号[]的特殊用法疑问解答

Aug 06 Javascript

jquery导航制件jquery鼠标经过变色效果示例

Dec 05 Javascript

js查找节点的方法小结

Jan 13 Javascript

PHP实现的各种中文编码转换类分享

Jan 23 Javascript

JS+CSS实现可拖拽的漂亮圆角特效弹出层完整实例

Feb 13 Javascript

JS函数arguments数组获得实际传参数个数的实现方法

May 28 Javascript

JS脚本实现动态给标签控件添加事件的方法

Jun 02 Javascript

Javascript之面向对象--封装

Dec 02 Javascript

echart简介_动力节点Java学院整理

Aug 11 Javascript

Vue绑定内联样式问题

Oct 17 Javascript

antd vue table跨行合并单元格,并且自定义内容实例

Oct 28 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中Socket创建与监听实现方法

2015/01/05 PHP

php文件操作相关类实例

2015/06/18 PHP

超级简单的图片防盗(HTML),好用

2007/04/08 Javascript

div层的移动及性能优化

2010/11/16 Javascript

javascript中encodeURI和decodeURI方法使用介绍

2013/05/06 Javascript

javascript操纵OGNL标签示例代码

2014/06/16 Javascript

使用Plupload实现直接上传附件至七牛云存储

2014/12/26 Javascript

jQuery插件bgStretcher.js实现全屏背景特效

2015/06/05 Javascript

JS导出PDF插件的方法(支持中文、图片使用路径)

2016/07/12 Javascript

JS中关于事件处理函数名后面是否带括号的问题

2016/11/16 Javascript

JavaScript调试之console.log调试的一个小技巧分享

2017/08/07 Javascript

web页面和微信小程序页面实现瀑布流效果

2018/09/26 Javascript

javascript动态创建对象的属性详解

2018/11/07 Javascript

axios封装，使用拦截器统一处理接口，超详细的教程（推荐）

2019/05/02 Javascript

vue中使用elementUI组件手动上传图片功能

2019/12/13 Javascript

鸿蒙系统中的 JS 开发框架

2020/09/18 Javascript

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

2014/06/06 Python

python实现用于测试网站访问速率的方法

2015/05/26 Python

Python3爬虫学习之将爬取的信息保存到本地的方法详解

2018/12/12 Python

Python基础学习之函数方法实例详解

2019/06/18 Python

微信公众号token验证失败解决方案

2019/07/22 Python

Python+OpenCV实现图像的全景拼接

2020/03/05 Python

python 如何设置守护进程

2020/10/29 Python

利用CSS3实现折角效果实例源码

2016/09/28 HTML / CSS

使用HTML5中的contentEditable来将多行文本自动增高

2016/03/01 HTML / CSS

浅谈Html5多线程开发之WebWorkers

2018/05/02 HTML / CSS

门诊手术室工作制度

2014/01/30 职场文书

销售会计岗位职责

2014/03/15 职场文书

青年志愿者先进事迹

2014/05/06 职场文书

应届毕业生求职信范文

2014/05/08 职场文书

工商局领导班子存在的问题整改措施思想汇报

2014/10/05 职场文书

检讨书模板大全

2015/05/07 职场文书

无保留意见审计报告

2015/06/05 职场文书

投诉书范文

2015/07/02 职场文书

SQLServer权限之只开启创建表权限

2022/04/12 SQL Server

Redis实战之Lettuce的使用技巧详解

2022/12/24 Redis