当前位置: 首页 > 图文教程 > 网络编程 > Javascript > js怎样实现下拉框改变，它旁边的图像也改变

技术文章搜索

关键字

Javascript 中的 js怎样实现下拉框改变，它旁边的图像也改变

---

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-10-12   浏览: 286 ::
收藏到网摘: n/a

js点小图显示大图的切换功能代码 js模拟电脑选择多文件夹效果_选区代码

一般用于用户选择头像或选择性别的需要

点击运行可以看到效果:<select id="s1" onchange='document.getElementById("pic").src=this.value'> <option value="/upload/tech/20091012/20091012092917_bac9162b47c56fc8a4d2a519803d51b3.gif">biggrin</option> <option value="/upload/tech/20091012/20091012092917_82cec96096d4281b7c95cd7e74623496.gif">confused</option> <option value="/upload/tech/20091012/20091012092918_087408522c31eeb1f982bc0eaf81d35f.gif">cool</option> <option value="/upload/tech/20091012/20091012092918_53c3bce66e43be4f209556518c2fcb54.gif">eek</option> <option value="/upload/tech/20091012/20091012092919_96da2f590cd7246bbde0051047b0d6f7.gif">frown</option> <option value="/upload/tech/20091012/20091012092922_39059724f73a9969845dfe4146c5660e.gif">han</option> <option value="/upload/tech/20091012/20091012092922_26e359e83860db1d11b6acca57d8ea88.gif">mad</option> <option value="/upload/tech/20091012/20091012092923_67c6a1e7ce56d3d6fa748ab6d9af3fd7.gif">redface</option> <option value="/upload/tech/20091012/20091012092926_b6a1085a27ab7bff7550f8a3bd017df8.gif">rolleyes</option> <option value="/upload/tech/20091012/20091012092926_c361bc7b2c033a83d663b8d9fb4be56e.gif">smile</option> <option value="/upload/tech/20091012/20091012092927_a67f096809415ca1c9f112d96d27689b.gif">tongue</option> <option value="/upload/tech/20091012/20091012092927_c2aee86157b4a40b78132f1e71a9e6f1.gif">wink</option> </select> <img id="pic" src="/upload/tech/20091012/20091012092917_bac9162b47c56fc8a4d2a519803d51b3.gif" border="0" width="15">
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]

js点小图显示大图的切换功能代码 js模拟电脑选择多文件夹效果_选区代码

评论 (0) All

登陆 还没注册？

设为首页 | 加入收藏 | 关于我们 | 联系我们 | 广告服务 | 网站地图 | 友情链接 | 在线帮助 | 免责声明 Sitemap W3school

如果您觉得本站不错，别忘了告诉您的同学和同事哟 ^_^

欢迎各网站转载我们的原创，转载时请注明出处。

All copyright is reserved by 软晨网（RuanChen.com）