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

获取URL地址中的文件名和参数的javascript代码

Sep 02 Javascript

js利用与或运算符优先级实现if else条件判断表达式

Apr 15 Javascript

控制页面按钮在后台执行期间不重复提交的JS方法

Jun 24 Javascript

Table冻结表头示例代码

Aug 20 Javascript

js中把JSON字符串转换成JSON对象最好的方法

Mar 21 Javascript

node.js中的url.format方法使用说明

Dec 10 Javascript

纯HTML5制作围住神经猫游戏-附源码下载

Aug 23 Javascript

jQuery热气球动画半透明背景的后台登录界面代码分享

Aug 28 Javascript

element-ui中select组件绑定值改变,触发change事件方法

Aug 24 Javascript

js数组去重的方法总结

Jan 18 Javascript

webpack4.0+vue2.0利用批处理生成前端单页或多页应用的方法

Jun 28 Javascript

Angular8 Http拦截器简单使用教程

Aug 20 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基于str_pad实现卡号不足位数自动补0的方法

2014/11/12 PHP

php实现将任意进制数转换成10进制的方法

2015/04/17 PHP

PHP中Array相关函数简介

2016/07/03 PHP

php获取数据库中数据的实现方法

2017/06/01 PHP

C#中TrimStart,TrimEnd,Trim在javascript上的实现

2011/01/17 Javascript

关于onScroll事件在IE6下每次滚动触发三次bug说明

2011/09/21 Javascript

深入解析contentWindow, contentDocument

2013/07/04 Javascript

JavaScript中的undefined学习总结

2013/11/30 Javascript

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

2014/09/01 Javascript

Javascript非构造函数的继承

2015/04/27 Javascript

JavaScript中循环遍历Array与Map的方法小结

2016/03/12 Javascript

jQuery实现背景弹性滚动的导航效果

2016/06/01 Javascript

微信小程序页面跳转和数据传递实例详解

2017/01/19 Javascript

JS计算输出100元钱买100只鸡问题的解决方法

2018/01/04 Javascript

Vue.set()动态的新增与修改数据,触发视图更新的方法

2018/09/15 Javascript

ztree加载完成后显示勾选节点的实现代码

2018/10/22 Javascript

JavaScript键盘事件常见用法实例分析

2019/01/03 Javascript

layui弹出框Tab选项卡的示例代码

2019/09/04 Javascript

js实现简易ATM功能

2020/10/27 Javascript

Python注释详解

2016/06/01 Python

深入解析Python中的__builtins__内建对象

2016/06/21 Python

Python写的一个定时重跑获取数据库数据

2016/12/28 Python

利用python批量给云主机配置安全组的方法教程

2017/06/21 Python

Python编程之黑板上排列组合，你舍得解开吗

2017/10/30 Python

python中强大的format函数实例详解

2018/12/05 Python

PySide和PyQt加载ui文件的两种方法

2019/02/27 Python

python命令行工具Click快速掌握

2019/07/04 Python

使用python打印十行杨辉三角过程详解

2019/07/10 Python

Python多线程Threading、子线程与守护线程实例详解

2020/03/24 Python

什么情况下你必须要把一个类定义为abstract的

2013/01/06 面试题

团队精神的演讲稿

2014/05/14 职场文书

2015年世界粮食日演讲稿

2015/03/20 职场文书

考生诚信考试承诺书（2016版）

2016/03/25 职场文书

使用jpa之动态插入与修改(重写save)

2021/11/23 Java/Android

MySQL 主从复制数据不一致的解决方法

2022/03/18 MySQL

全网非常详细的pytest配置文件

2022/07/15 Python