asp.ent(c#) dropdownlist 无刷新更换头像的问题。
通过dropdownlist来更换头像很简单,把dropdownlist的autopostback选中然后在双击dropdownlist事件写一句代码就行了。但是这样每换...
通过dropdownlist来更换头像很简单,把dropdownlist的autopostback选中然后在双击dropdownlist事件写一句代码就行了。但是这样每换次图片就刷新一次网页,太烦人了。朋友们有没有代码可以实现不刷新网页就可以更换头像的啊?在这先谢谢大家了。
展开
3个回答
展开全部
用的着ajax嘛?用ajax反而增加服务器负担,
把下面的代码存成“a.htm”文件,然后在同级页面放四个图像:1.bmp、2.bmp、3.bmp、4.bmp
<html>
<head>
<title>选择头像</title>
<script type="text/javascript">
function changeHead(obj)
{
document.getElementById("imgHead").src = obj.options[obj.selectedIndex].value;
}
</script>
</head>
<body>
<img id="imgHead" src="" alt="" />
<select id="headList" onchange="changeHead(this);">
<option value="1.bmp">头像1</option>
<option value="2.bmp">头像2</option>
<option value="3.bmp">头像3</option>
<option value="4.bmp">头像4</option>
</select>
</body>
</html>
把下面的代码存成“a.htm”文件,然后在同级页面放四个图像:1.bmp、2.bmp、3.bmp、4.bmp
<html>
<head>
<title>选择头像</title>
<script type="text/javascript">
function changeHead(obj)
{
document.getElementById("imgHead").src = obj.options[obj.selectedIndex].value;
}
</script>
</head>
<body>
<img id="imgHead" src="" alt="" />
<select id="headList" onchange="changeHead(this);">
<option value="1.bmp">头像1</option>
<option value="2.bmp">头像2</option>
<option value="3.bmp">头像3</option>
<option value="4.bmp">头像4</option>
</select>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
用updatepanel 或者,干脆用脚本来写吧。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询