js： 复制代码 代码如下: //头像选择 function GetFace() { var faceid = $("#SelFace").val(); if (faceid.length == 1) { faceid = "0" + faceid; } $("#imgface").attr("src", "/WebUI/template/images/public/tutu"+faceid+".gif"); } 界面： 复制代码 代码如下: <select id="SelFace" name="SelFace" onchange="GetFace();"> <option value="1">头像1</option> <option value="2">头像2</option> <option value="3">头像3</option> </select> <img id="imgface" name="imgface" src="/WebUI/template/images/public/tutu01.gif" />

　　推荐阅读

　　jquery获取ASP.NET服务器端控件dropdownlist和radiobuttonlist生成客户端HTML标签后的value和text值

—、获取dropdownlist的text（ddlList为服务器端dropdownlist的ID，生成name属性等于ddlList的select标签） 　　$("#ddlList option:selected").text() 二、获取dropdownlist的value（ddlList为服务器端dropdownli>>>详细阅读

本文标题：jQuery选择头像并实时显示的代码

地址：http://www.17bianji.com/kaifa2/JS/26158.html

 1/2    1