首页 > 编程开发 > JavaScript    日期:2024-01-24 / 来自博客园 / 浏览

直接上实例代码:

<img id="brandIcon" src="" />   
<script language="JavaScript" type="text/javascript" >    
function setBeerIcon() {    
var classimg = $("#beer").find("option:selected").attr('data-img');       
$("#brandIcon").attr("src",classimg);    
}    
</script>
<form>
<select id="beer" onChange="setBeerIcon();">    
<option value="1" data-img="/images/1.jpg">项目一</option>    
<option value="2" data-img="/images/2.jpg">项目二</option>    
<option value="3" data-img="/images/3.jpg">项目三</option>    
</select>    
</form>

觉得上面的内容有用吗?快来点个赞吧!

点赞() 我要打赏

温馨提示 : 本站内容来自会员投稿以及互联网,所有源码及教程均为作者总结编辑,请大家在使用过程中提前做好备份,以免发生无法预知的错误,源码类教程请勿直接用于生产环境!

 可能感兴趣的文章