jQuery选择头像并实时显示的代码
jQuery选择头像并实时显示的代码
发布时间:2016-12-30 来源:查字典编辑
摘要:js:复制代码代码如下://头像选择functionGetFace(){varfaceid=$("#SelFace").val();if(f...

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="http://www.jb51.netWebUI/template/images/public/tutu01.gif" />

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类