JavaScript判断下拉列表

我想用JavaScript些一个脚本，通过判断下拉列表选取的头像，同步改变旁边显示的头像，请问该如何写这个脚本？<divid="r_ckbox"><selectname=... 我想用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 >
<img src="photo/girl2.jpg" width="60" height="60" id="place" />
</div>
头像我放在根目录下的photo文件夹展开

 我来答

2个回答

#热议# 在购买新能源车时，要注意哪些？

真正的张豪志
2013-02-04

知道答主

回答量：4

采纳率：0%

帮助的人：6019

我也去答题访问个人页

关注

展开全部

直接把头像value设置成路径
<html>
<body>
<select name="headimage" class="box“ onchange="img_chg(this.value)">
<option value="默认头像.jpg" selected="selected">默认头像</option>
<option value="男头像1.jpg">男头像1</option>
<option value="男头像2.jpg">男头像2</option>
<option value="男头像3.jpg">男头像3</option>
<option value="女头像1.jpg">女头像1</option>
<option value="女头像2.jpg">女头像2</option>
<option value="女头像3.jpg">女头像3</option>
<option value="其他1.jpg">其他1</option>
<option value="其他2.jpg">其他2</option>
</select>
<img src="" id="img_cont" >
<script type="text/javascript">
function img_chg(img_url)
{ document.getElementById('img_cont').src =img_url;}
</script>
</body>
</html>

已赞过 已踩过<

评论收起

skyfukk
2010-03-16 · TA获得超过1187个赞

知道小有建树答主

回答量：966

采纳率：100%

帮助的人：630万

我也去答题访问个人页

关注

展开全部

你在</head>前面加上以下代码:
<script language="javascript" type="text/javascript">
function funHdImg()
{
    var obj=document.getElementById("headimage").selectedIndex;
    var imgPath=document.getElementById("place").src;
    switch(obj)
    {
        case 0:
            imgPath="photo/girl2.jpg";   
            case 1:
            imgPath="photo/男头像1.jpg"; 
            case 2:
            imgPath="photo/男头像2.jpg";   
            case 3:
            imgPath="photo/男头像3.jpg"; 
            case 4:
            imgPath="photo/女头像1.jpg";   
            case 5:
            imgPath="photo/女头像2.jpg"; 
            case 6:
            imgPath="photo/女头像3.jpg";  
            case 7:
            imgPath="photo/其他1.jpg"; 
            case 8:
            imgPath="photo/其他2.jpg"; 
    }
}
</script>

(图片名称你要自己改)
然后把<select name="headimage" class="box">里面加上事件为:
<select name="headimage" class="box" onchange="funHdImg()">

因为没时间测试,你看看行不行.不行我再改改


本回答被提问者采纳






已赞过已踩过<

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

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

JavaScript判断下拉列表

其他类似问题

为你推荐：