js实现下拉框选择要显示图片的方法
2015-02-16 11:01
771 查看
本文实例讲述了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实现下拉框选择要显示图片的方法
- js实现固定显示区域内自动缩放图片的方法
- 用js实现下拉框跳转和下拉框选择图片
- js实现固定显示区域内自动缩放图片的方法
- select下拉选择框美化实现代码(js+css+图片)
- 使用dwr实现下拉框级联和js实现动态选择option的selected状态方法总结
- js实现键盘上下左右键选择文字并显示在文本框的方法
- JS实现控制图片显示大小的方法【图片等比例缩放功能】
- js实现键盘上下左右键选择文字并显示在文本框的方法
- 使用dwr实现下拉框级联和js实现动态选择option的selected状态方法总结
- select下拉选择框美化实现代码(js+css+图片)
- 实现选择下拉列表中时间而显示图片后台代码
- flash+js实现图片横向滚动显示
- 使用Form验证,未登录时登录页面无法显示图片、css、js文件的解决方法
- JS+CSS和图片美化下拉列表选择框(select)
- js 获取网络图片的高度和宽度的实现方法(变通了下)
- 多张图片交替变换的实现方法---JS实现和flash实现
- 下拉框选择后,失去焦点的JS实现
- 一个图片轮换显示的实现,使用DIV+JS,支持Firefox,IE,Safiri
- ajax+jquery+flea+smarty实现了通过选择下拉列表动态显示相应的数据