点击按钮显示对应的图片
2016-08-10 12:00
204 查看
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style>
img{display:none;}
</style>
</head>
<body>
<form>
<select name="test" onchange="testimg(this.value)">
<option value="-1">请选择</option>
<option value="0" >图片1</option>
<option value="1">图片2</option>
<option value="2">图片3</option>
<option value="3">图片4</option>
</select>
</form>
<img id="imgshow" src="1.png" />
<script type="text/javascript">
var arr=["1.png","2.png","3.png","4.png"];
var imgShow=document.getElementById('imgshow');
function testimg(val){
if(val==-1){
imgShow.style.display="none";
}
else{
imgShow.style.display="block";
imgShow.src=arr[val];
}
}
</script>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 点击哪个按钮对应图片显示，按钮对应颜色显示
- 黑马程序员之WinForm编程基础学习笔记：页面上有一张图片，默认是隐藏的，用户在文本框中输入身份证号(131226198105223452),点击按钮，如果年龄大于18岁则显示图片。
- ecshop 点击商品图片弹出带关闭按钮的遮罩层 显示商品库存
- 点击按钮或者某一张图片时怎样在文本域中显示图片
- 英语音标的录入。点击按钮，点击图片，点击图标等，在RTF文本框中显示字体中的字符。
- DOM基础1之点击小图片显示对应的大图
- 求助：想实现点击按钮“下一张”就会显示下一张图片的函数
- 传参小例子--点击哪个按钮显示相对应的盒子
- iOS cell中添加按钮图片，图片不显示，点击有反应
- 一屏只显示横向排列的四张图片，如何控制点击“向下”按钮过快，导致出现图片不能在一屏中垂直居中显示?
- jquer 带左右按钮滚动图片 点击显示大图
- 按钮点击，图片改变，显示点击效果
- 网站点击导航栏标题，对应的元素平滑上移以及点击图片或按钮回到页面顶部的特效
- react实现点击按钮添加一项(开始显示一项默认的) 点击每项按钮添加对应的小项
- 用android做的一个简单的点击按钮显示图片的程序
- CCMenuItemImage 让按钮被点击时显示另一张图片（cocos2d-x基础）
- 点击一个切换按钮 按钮的文字切换 对应的内容也跟着显示隐藏
- 按钮点击与弹出时显示不同的图片
- 【签名】点击按钮弹出签名框,保存成图片,并显示出来
- 点击查看图片---弹窗直接显示图片并带关闭按钮