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

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

Javascript: Javascript实例教程(17) 使用Javascript的数学函数; JavaScript 小技巧(第六集); Javascript实例教程(16) 日期函数; javascript中如何实现浏览器上的右键菜单; Javascript实例教程(21) OLE Automation(7); JavaScript 小技巧(第二集); Javascript设计网页中的下拉菜单; 用JavaScript使链接按钮不断变化; 如何制作浮动广告; JavaScript[对象.属性]集锦之一; 将金额小写转化成汉字大写的实现过程; Javascript制作浮动的工具条; JavaScript[对象.属性]集锦之二; JavaScript 小技巧(第五集); JavaScript 小技巧(第七集); 完美解决一个事件激活多个函数; JavaScript入门学习之一; 在客户端把表格行变成列，列变成行并保持TD的属性不丢失; 用 Javascript 实现的“Dual listbox”(双向选择器); 我与Javascript 随笔（一）（献给所有爱好Javascript的朋友）

No. « ‹ 11 12 13 14 › »

技术文章搜索

关键字

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

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-12 浏览: 59 ::

收藏到网摘: 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模拟电脑选择多文件夹效果_选区代码

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

评论 (0) All