博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
下拉框里根据选择项不同,显示的图片也不同
阅读量:6693 次
发布时间:2019-06-25

本文共 408 字,大约阅读时间需要 1 分钟。

function change(){

                var photo = document.getElementById("photo");
                var photoImg = document.getElementById("photoImg");
                photoImg.src = photo.value;
            }

<select name="photo" id="photo" οnchange="change();">

       <option value="images/1.gif" selected="selected">头像一</option>
       <option value="images/2.gif">头像二</option>
 </select>
<img id="photoImg" src="images/1.gif">

效果图:

转载于:https://www.cnblogs.com/ganjun/p/5045021.html

你可能感兴趣的文章
比亚迪速锐F3专用夏季座套 夏天坐垫 四季坐套
查看>>
Java web 实现 之 Filter分析ip统计网站的访问次数
查看>>
bzoj1303
查看>>
2015.3.12 C#运用正则表达式点滴
查看>>
CSS布局自适应等分比例
查看>>
安装Git
查看>>
设置启动图片LaunchScreen 和 LaunchImage
查看>>
L84
查看>>
L157
查看>>
L156
查看>>
第十周作业
查看>>
win10常用快捷键
查看>>
vmware搭建vSAN提示磁盘不合格或者看不到磁盘的解决办法
查看>>
HashMap和Hashtable的区别
查看>>
Oracle EBS-SQL (INV-5):检查期间拉式物料领用记录数.sql
查看>>
Python之with语句原理
查看>>
在Window环境下多线程与CPU资源分配原则
查看>>
20170303新的开始
查看>>
Python--day25--复习(单继承和多继承的总结)
查看>>
@Html.EditFor()不能添加“只读”html属性;以及disable属性的坑
查看>>