编程 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的图片懒加载js

Jun 30 Javascript

Javascript在IE和FireFox中的不同表现简析

Dec 03 Javascript

浅析jQuery(function(){})与(function(){})(jQuery)之间的区别

Jan 09 Javascript

实例解析JS布尔对象的toString()方法和valueOf()方法

Oct 25 Javascript

WordPress中利用AJAX技术进行评论提交的实现示例

Jan 12 Javascript

微信小程序搜索组件wxSearch实例详解

Jun 08 Javascript

JavaScript对JSON数据进行排序和搜索

Jul 24 Javascript

echarts学习笔记之箱线图的分析与绘制详解

Nov 22 Javascript

vue axios请求超时的正确处理方法

Apr 02 Javascript

了解Javascript中函数作为对象的魅力

Jun 19 Javascript

对layer弹出框中icon数字参数的说明介绍

Sep 04 Javascript

js实现小时钟效果

Mar 25 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修改文件上传限制方法汇总

2015/04/07 PHP

Yii实现显示静态页的方法

2016/04/25 PHP

Thinkphp和Bootstrap结合打造个性的分页样式(推荐)

2016/08/01 PHP

PHP实现的曲线统计图表示例

2016/11/10 PHP

JavaScript DOM 学习第二章编辑文本

2010/02/19 Javascript

js定时器(执行一次、重复执行)

2014/03/07 Javascript

jQuery中get和post方法传值测试及注意事项

2014/08/08 Javascript

javascript多行字符串的简单实现方式

2015/05/04 Javascript

JavaScript实现强制重定向至HTTPS页面

2015/06/10 Javascript

Highcharts入门之简介

2016/08/02 Javascript

JavaScript该如何学习怎样轻松学习JavaScript

2017/06/12 Javascript

Angular 1.x个人使用的经验小结

2017/07/19 Javascript

vuex学习之Actions的用法详解

2017/08/29 Javascript

浅谈vue-cli加载不到dev-server.js的解决办法

2017/11/24 Javascript

JS设计模式之访问者模式定义与用法分析

2018/02/05 Javascript

微信小程序 image组件遇到的问题

2019/05/28 Javascript

js之切换全屏和退出全屏实现代码实例

2019/09/09 Javascript

[46:50]Liquid vs Mineski 2018国际邀请赛小组赛BO2 第二场 8.18

2018/08/19 DOTA

python简单实现计算过期时间的方法

2015/06/09 Python

Python获取当前路径实现代码

2017/05/08 Python

用Python实现KNN分类算法

2017/12/22 Python

python opencv设置摄像头分辨率以及各个参数的方法

2018/04/02 Python

用python简单实现mysql数据同步到ElasticSearch的教程

2018/05/30 Python

python爬取网页内容转换为PDF文件

2020/07/28 Python

详解Django中views数据查询使用locals()函数进行优化

2020/08/24 Python

python制作一个简单的gui 数据库查询界面

2020/11/19 Python

css3 clip实现圆环进度条的示例代码

2018/02/07 HTML / CSS

HTML5 声明兼容IE的写法

2011/05/16 HTML / CSS

电钳专业个人求职信

2014/01/04 职场文书

毕业晚会主持词

2014/03/24 职场文书

大学生活动总结模板

2014/07/02 职场文书

我们的节日春节活动方案

2014/08/22 职场文书

基石观后感

2015/06/12 职场文书

红楼梦读书笔记

2015/06/25 职场文书

导游词之云南丽江古城

2019/09/17 职场文书

springboot+WebMagic+MyBatis爬虫框架的使用

2021/08/07 Java/Android