JavaScript通过select动态更换图片的方法
2015-03-23 09:10
701 查看
本文实例讲述了JavaScript通过select动态更换图片的方法。分享给大家供大家参考。具体分析如下:
下面的JS代码在select列表变化时触发SetBeerIcon()函数,SetBeerIcon()函数可以根据select选择的值动态修改图片
... <script language="JavaScript" type="text/javascript" > function setBeerIcon() { var beerIcon = document.getElementById("beerIcon"); beerIcon.src = "images/"+getSelectValue("beer")+".jpg"; } </script> ... <img border="0" src="" id="brandIcon" alt="brand" /> <select name="beer" id="beer" onChange="setButton();setBeerIcon();"> <option value="--Select--">Select beer</option> <option value="heineken">heineken</option> <option value="sol">sol</option> <option value="amstellight">amstellight</option> <option value="coronalight">coronalight</option> <option value="coronaextra">coronaextra</option> <option value=""></option> </select>
希望本文所述对大家的javascript程序设计有所帮助。
您可能感兴趣的文章:
相关文章推荐
- asp.net通过实现IHttpHandler接口方法给图片添加水印图片(动态添加,不破坏原图片,但是耗资源)
- Javascript 动态修改select方法大全【转】
- JavaScript将base64图片转换成formData并通过AJAX提交的实现方法
- vue中如何动态绑定图片,vue中通过data返回图片路径的方法
- JavaScript js 动态更换、播放图片特效
- javascript动态改变img的src属性图片不显示的解决方法
- 通过Javascript运用四种方法动态创建表格,并测试性能优劣[复习]
- JS中通过url动态获取图片大小的方法小结(两种方法)
- 网站首页图片动态更换显示【Javascript】
- JavaScript实现通过select标签跳转网页的方法
- javascript动态改变img的src属性图片不显示的解决方法
- javascript动态添加select的option两种方法
- 动态生成二维码图片后通过js(JavaScript)或jq实现网页图片转base64格式下载
- 网站首页图片动态更换显示【Flash】
- [JavaScript] 动态删除下拉列表select的选项
- 在QT中通过摄像头动态显示图片
- Javascript 实现无刷新联动菜单(select)的方法
- javascript方法动态显示前一天与后一天日期时间
- JavaScript动态加载CSS的三种方法