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

JavaScript 模仿vbs中的 DateAdd() 函数的代码

Aug 13 Javascript

javascript小数计算出现近似值的解决办法

Feb 06 Javascript

js弹出确认是否删除对话框

Mar 27 Javascript

javascript实现input file上传图片预览效果

Dec 31 Javascript

jQuery的Each比JS原生for循环性能慢很多的原因

Jul 05 Javascript

基于jQuery的AJAX和JSON实现纯html数据模板

Aug 09 Javascript

深入理解 JavaScript 中的 JSON

Apr 06 Javascript

vue.js如何将echarts封装为组件一键使用详解

Oct 10 Javascript

基于Vue实现图书管理功能

Oct 17 Javascript

只有 20 行的 JavaScript 模板引擎实例详解

May 11 Javascript

详解Java中String JSONObject JSONArray List转换

Nov 13 Javascript

JavaScript 获取滚动条位置并将页面滑动到锚点

Feb 08 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

全国FM电台频率大全 - 13 福建省

2020/03/11 无线电

php下安装配置fckeditor编辑器的方法

2011/03/02 PHP

php的memcache类分享(memcache队列)

2014/03/26 PHP

PHP简单判断手机设备的方法

2016/08/23 PHP

一个tab标签切换效果代码

2009/03/27 Javascript

Javascript 实现TreeView CheckBox全选效果

2010/01/11 Javascript

jquery文字上下滚动的实现方法

2013/03/22 Javascript

js取两个数组的交集|差集|并集|补集|去重示例代码

2013/08/07 Javascript

自定义ExtJS控件之下拉树和下拉表格附源码

2013/10/15 Javascript

Jquery 数组操作大全个人总结

2013/11/13 Javascript

JavaScript中的常见问题解决方法(乱码,IE缓存,代理)

2013/11/28 Javascript

jQuery简单实现banner图片切换

2014/01/02 Javascript

jquery实现的省市区三级联动

2015/04/02 Javascript

javascript实现简单查找与替换的方法

2015/07/22 Javascript

BootStrap学习系列之布局组件(下拉,按钮组[toolbar],上拉)

2017/01/03 Javascript

jQuery EasyUI 为Combo,Combobox添加清除值功能的实例

2017/04/13 jQuery

jQuery动画_动力节点节点Java学院整理

2017/07/04 jQuery

javascript中toFixed()四舍五入使用方法详解

2018/09/28 Javascript

JS 事件机制完整示例分析

2020/01/15 Javascript

基于Electron实现桌面应用开发代码实例

2020/07/07 Javascript

跟老齐学Python之不要红头文件(1)

2014/09/28 Python

python实现从网络下载文件并获得文件大小及类型的方法

2015/04/28 Python

python strip() 函数和 split() 函数的详解及实例

2017/02/03 Python

itchat接口使用示例

2017/10/23 Python

基于树莓派的语音对话机器人

2019/06/17 Python

Python shutil模块用法实例分析

2019/10/02 Python

基于Tensorflow读取MNIST数据集时网络超时的解决方式

2020/06/22 Python

Python 必须了解的5种高级特征

2020/09/10 Python

Jupyter Notebook安装及使用方法解析

2020/11/12 Python

英国最大的独立玩具专卖店：The Entertainer

2019/09/06 全球购物

酒吧员工的岗位职责

2013/11/26 职场文书

金融行业务员的自我评价

2013/12/13 职场文书

出生公证书

2015/01/23 职场文书

2016秋季运动会开幕词

2016/03/04 职场文书

详解python字符串驻留技术

2021/05/21 Python

win sever 2022如何占用操作主机角色

2022/06/25 Servers