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

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