编程 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 + Flex 通过拖拽方式动态改变图片的代码

Aug 03 Javascript

基于JQuery的类似新浪微博展示信息效果的代码

Jul 23 Javascript

JSCode all of Brower 全局屏蔽网页右键功能具体实现

Jun 05 Javascript

JS回调函数的应用简单实例

Sep 17 Javascript

JavaScript实现向setTimeout执行代码传递参数的方法

Apr 16 Javascript

javascript的 {} 语句块详解

Feb 27 Javascript

AngularJs中Bootstrap3 datetimepicker使用实例

Dec 13 Javascript

微信小程序 slider 详解及实例代码

Jan 10 Javascript

Ajax基础知识详解

Feb 17 Javascript

详解react使用react-bootstrap当轮子造车

Aug 15 Javascript

实例分析js事件循环机制

Dec 13 Javascript

JavaScript之scrollTop、scrollHeight、offsetTop、offsetHeight等属性学习笔记

Jul 15 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 生成随机验证码图片代码

2010/02/08 PHP

php开发环境配置记录

2011/01/14 PHP

PHP通过session id 实现session共享和登录验证的代码

2012/06/03 PHP

yii2 页面底部加载css和js的技巧

2016/04/21 PHP

PHP下 Mongodb 连接远程数据库的实例代码

2017/08/30 PHP

js利用Array.splice实现Array的insert/remove

2009/01/13 Javascript

Javascript学习笔记4 Eval函数

2010/01/11 Javascript

jquery.AutoComplete.js中文修正版(支持firefox)

2010/04/09 Javascript

让jQuery Mobile不显示讨厌loading界面的方法

2014/02/19 Javascript

Js保留小数点的4种效果实现代码分享

2014/04/12 Javascript

jQuery中closest()函数用法实例

2015/01/07 Javascript

jQuery下拉美化搜索表单效果代码分享

2015/08/25 Javascript

针对BootStrap中tabs控件的美化和完善(推荐)

2016/07/06 Javascript

JS取模、取商及取整运算方法示例

2016/10/13 Javascript

浅谈js控制li标签排序问题 js调用php函数的方法

2016/10/16 Javascript

JS多物体实现缓冲运动效果示例

2016/12/20 Javascript

使用Bootstrap + Vue.js实现添加删除数据示例

2017/02/27 Javascript

Bootstrap页面标题Page Header的实现方法

2017/03/22 Javascript

详解如何在angular2中获取节点

2017/11/23 Javascript

基于模板引擎Jade的应用(详解)

2017/12/12 Javascript

详解node child_process模块学习笔记

2018/01/24 Javascript

微信小程序App生命周期详解

2018/01/31 Javascript

JS中的回调函数实例浅析

2018/03/21 Javascript

如何解决.vue文件url引用文件的问题

2019/01/18 Javascript

[06:45]DOTA2-DPC中国联赛正赛 Magma vs LBZS 选手采访

2021/03/11 DOTA

python使用MySQLdb访问mysql数据库的方法

2015/08/03 Python

Python入门_浅谈数据结构的4种基本类型

2017/05/16 Python

如何使用 Pylint 来规范 Python 代码风格(来自IBM)

2018/04/06 Python

PyQt5每天必学之进度条效果

2018/04/19 Python

Python hashlib模块实例使用详解

2019/12/24 Python

Yummie官方网站：塑身衣和衣柜必需品

2019/10/29 全球购物

交通事故私了协议书

2014/04/16 职场文书

革命英雄事迹演讲稿

2014/09/13 职场文书

退税申请报告怎么写

2015/05/18 职场文书

工作计划范文之财务管理

2019/08/09 职场文书

如何用JS实现简单的数据监听

2021/05/06 Javascript