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程序设计有所帮助。

Javascript 相关文章推荐
textarea的value是html文件源代码,存成html文件的代码
Apr 20 Javascript
说说JSON和JSONP 也许你会豁然开朗
Sep 02 Javascript
关于图片的预加载过程中隐藏未知的
Dec 19 Javascript
JavaScript中的对象和原型(一)
Aug 12 Javascript
js实现增加数字显示的环形进度条效果
Feb 05 Javascript
使用原生js+canvas实现模拟心电图的实例
Sep 20 Javascript
JS解析后台返回的JSON格式数据实例
Aug 06 Javascript
vue-image-crop基于Vue的移动端图片裁剪组件示例
Aug 28 Javascript
React降级配置及Ant Design配置详解
Dec 27 Javascript
Vue 中可以定义组件模版的几种方式
Aug 06 Javascript
vue vant Area组件使用详解
Dec 09 Javascript
Echarts如何重新渲染实例详解
May 30 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 mssql 分页SQL语句优化 持续影响
2009/04/26 PHP
tp5(thinkPHP5框架)使用DB实现批量删除功能示例
2019/05/28 PHP
一个简单的JavaScript 日期计算算法
2009/09/11 Javascript
javascript中类的定义及其方式(《javascript高级程序设计》学习笔记)
2011/07/04 Javascript
EXTJS记事本 当CompositeField遇上RowEditor
2011/07/31 Javascript
JQuery异步加载无限下拉框级联功能实现示例
2014/02/19 Javascript
js获取IP地址的方法小结
2014/07/01 Javascript
基于JQuery制作可编辑的表格特效
2014/12/23 Javascript
jQuery的position()方法详解
2015/07/19 Javascript
jQuery实例—选项卡的简单实现(js源码和jQuery)
2016/06/14 Javascript
Bootstrap中glyphicons-halflings-regular.woff字体报404错notfound的解决方法
2017/01/19 Javascript
详解VUE 对element-ui中的ElTableColumn扩展
2018/03/28 Javascript
Angular7中创建组件/自定义指令/管道的方法实例详解
2019/04/02 Javascript
详解Vue中的scoped及穿透方法
2019/04/18 Javascript
python用ConfigObj读写配置文件的实现代码
2013/03/04 Python
在Python中marshal对象序列化的相关知识
2015/07/01 Python
Python实现将16进制字符串转化为ascii字符的方法分析
2017/07/21 Python
python爬虫爬取快手视频多线程下载功能
2018/02/28 Python
Python基于辗转相除法求解最大公约数的方法示例
2018/04/04 Python
Python Unittest自动化单元测试框架详解
2018/04/04 Python
pandas 快速处理 date_time 日期格式方法
2018/11/12 Python
Pycharm 设置默认头的图文教程
2019/01/17 Python
深入了解Django中间件及其方法
2019/07/26 Python
Python中*args和**kwargs的区别详解
2019/09/17 Python
python3 图片 4通道转成3通道 1通道转成3通道 图片压缩实例
2019/12/03 Python
python global和nonlocal用法解析
2020/02/03 Python
python加密解密库cryptography使用openSSL生成的密匙加密解密
2020/02/11 Python
全球知名巧克力品牌:Godiva
2016/07/22 全球购物
澳大利亚波西米亚风连衣裙在线商店:Fortunate One
2019/04/01 全球购物
Perfume’s Club英国官网:购买香水和护肤品
2019/11/02 全球购物
JAVA代码查错题
2014/10/10 面试题
个人租房协议书
2014/04/09 职场文书
水电维修专业推荐信
2014/09/06 职场文书
小组口号霸气押韵
2015/12/24 职场文书
CSS几步实现赛博朋克2077风格视觉效果
2021/06/16 HTML / CSS
MySQL 数据库 增删查改、克隆、外键 等操作
2022/05/11 MySQL