分享好友 教程首页 教程搜索 频道列表

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

2023-06-28 19:183250
+关注29
核心提示:用代码放进HTML中测试

直接上实例代码:

<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="/img/1.jpg">项目一</option>
      <option value="2" data-img="/img/2.jpg">项目二</option>
      <option value="3" data-img="/img/3.jpg">项目三</option>
   </select>
</form>


本文标签: #select #Data #属性图片 #src #jq实例
免责声明:凡注明来源本网的所有作品,均为本网合法拥有版权或有权使用的作品,欢迎转载,注明出处。非本网作品均来自互联网,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。
生成海报
您可能在找更多

select2插件之api参数的文档

    具体参数可以参考一下:参数类型描述Width字符串控制宽度样式属性的Select2容器divminimumInputLengthint最小数量的字符maximumInputLengthint最大数量的字符minimumResultsForSearchInt最小数量的结果maximumSelect

小黑 JavaScript教程 52024-09-11

下一篇
我来说两句
抢沙发