脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js实现下拉框选择要显示图片

js实现下拉框选择要显示图片的方法

 更新时间：2015年02月16日 11:01:46   作者：代码家园  
这篇文章主要介绍了js实现下拉框选择要显示图片的方法,涉及针对js操作select的技巧,非常具有实用价值,需要的朋友可以参考下

本文实例讲述了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程序设计有所帮助。

您可能感兴趣的文章:

相关文章

  • picChange 图片切换特效的函数代码

    picChange 图片切换特效的函数代码

    picChange图片切换特效的封装函数，能够根据图片html代码自动生成右下角的数字导航按钮。
    2010-05-05
  • 一些常用的JS功能函数代码

    一些常用的JS功能函数代码

    将 ClientMentInfo类改成了兼容IE6,IE7,IE8,Vista,Windows 7和Firefox
    2009-06-06
  • 一文带你了解async/await的使用

    一文带你了解async/await的使用

    async/await 让异步代码变成同步的方式，从而使代码更具表现力和可读性；还统一了异步编程的经验；以及提供了更好的错误堆栈跟踪。本文就来讲讲async/await的使用，需要的可以参考一下
    2022-09-09
  • 微信小程序自定义弹出层效果

    微信小程序自定义弹出层效果

    这篇文章主要为大家详细介绍了微信小程序自定义弹出层效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2020-05-05
  • JS实现可改变列宽的table实例

    JS实现可改变列宽的table实例

    本文为大家详细介绍下通过JS实现可改变列宽的table，具体的思路及代码如下，感兴趣的朋友可以参考下哈，希望对大家有所帮助
    2013-07-07
  • JS实现重新加载当前页面或者父页面的几种方法

    JS实现重新加载当前页面或者父页面的几种方法

    本文介绍了JS实现重新加载当前页面或者父页面的几种方法.需要的朋友可以参考下
    2016-11-11
  • Javascript玩转继承（三）

    Javascript玩转继承（三）

    在前两篇文章中，介绍了构造继承和原型继承。今天把剩下的两种写完，这两种的应用相对于前两种来说应用很少，因此我把他们称为是非主流继承方式
    2014-05-05
  • js验证密码强度解析

    js验证密码强度解析

    这篇文章主要为大家详细介绍了js验证密码强度，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2020-03-03
  • 浅谈js中同名函数和同名变量的执行问题

    浅谈js中同名函数和同名变量的执行问题

    下面小编就为大家带来一篇浅谈js中同名函数和同名变量的执行问题。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-02-02
  • js左右弹性滚动对联广告代码分享

    js左右弹性滚动对联广告代码分享

    这个对联广告与其它的有所区别，这个是页面加载时先没看到广告，然后从左边快速飞进来的两个对联广告哦，下面我们一起来看看对联广告效果代码
    2014-02-02

最新评论