JavaScript 判断下拉列表

我想写一个JavaScript脚本，判断下拉列表选择的头像，同步更新右边显示的头像。<divid="r_ckbox"><selectname="headimage"cla... 我想写一个JavaScript脚本，判断下拉列表选择的头像，同步更新右边显示的头像。
<div id="r_ckbox">
<select name="headimage" class="box">
<option value="0" selected="selected">默认头像</option>
<option value="1">男头像1</option>
<option value="2">男头像2</option>
<option value="3">男头像3</option>
<option value="4">女头像1</option>
<option value="5">女头像2</option>
<option value="6">女头像3</option>
<option value="7">其他1</option>
<option value="8">其他2</option>
</select>
</div>
<div id="r_image">
<img src="photo/girl2.jpg" width="60" height="60" id="place" />
</div>
谁能帮我写一个呢？谢谢！展开

 我来答

2个回答

#热议# 应届生在签三方时要注意什么？

licjge
2010-03-15

知道答主

回答量：19

采纳率：0%

帮助的人：0

我也去答题访问个人页

关注

展开全部

已赞过 已踩过<

评论收起

稻田8花香
2010-03-13 · TA获得超过205个赞

知道小有建树答主

回答量：182

采纳率：0%

帮助的人：79.9万

我也去答题访问个人页

关注

展开全部

看看这个吧，脚本挺简单的：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test</title>
<style type="text/css">
<!--
img {
 margin: 50px auto auto 100px;
 height: 80px;
 width: 80px;
}
-->
</style>
</head>

<body>
<div id="r_ckbox">
     <select name="headimage" class="box">
      <option value="0" selected="selected">默认头像</option>
      <option value="1">男头像1</option>
      <option value="2">男头像2</option>
      </select>
</div>
<div id="r_image">
  <img src="photo/img_1.gif" width="60" height="60" id="place" />
</div>
<script type="text/javascript">
document.getElementsByTagName("select")[0].onchange = function() {
 var index = this.value;
 var place = document.getElementById("place");
 place.src = "photo/img_" + index + ".gif";
}
</script>

</body>
</html>
注意：photo目录下的图片文件应该统一名称为img_1.gif, img_2.gif, ....等等。如果是jpg格式的（只能用一种格式哦），则要把脚本里面的".gif"改为".jpg"


本回答被提问者采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

JavaScript 判断下拉列表

为你推荐：