根据select的data-*属性更改图片img的src链接JQ实例

根据select的data-*属性更改图片img的src链接JQ实例

浏览次数:
作者: 墨鱼
信息来源: 本站原创
更新日期: 2023-05-10 17:12:49
文章简介

直接上实例代码:<div><img id="brandIcon" src="" /></div> <script language="JavaScript" type="text/javascript" > function setBeerIcon() { var classimg = $

  • 正文开始
  • 相关阅读
  • 推荐作品

直接上实例代码:

<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>


帝国CMS发布信息时,自动同步TAG到“管理内容关键词”
« 上一篇 2023年04月02日
帝国cms发布信息自动插入图片插件 for 7.2~7.5+
下一篇 » 2023年05月17日

如本文对您有帮助,就请墨鱼抽根烟吧!