就是选择头像m
单击男的时候,显示男生的 图片下拉的
单击女的时候,显示女生的 图片下拉的
已经写好,但是代码太多m
谁有其他办法,简单点的

<script language="javascript">
function tt()
{
var the_box = window.document.form1.sex1;

if (the_box.checked == true) {
window.document.form1.sex2.checked = false;
window.document.getElementById("11").style.display="none";
window.document.getElementById("22").style.display="block";
}
}
function tt1()
{
var the_box = window.document.form1.sex2;

if (the_box.checked == true) {
window.document.form1.sex1.checked = false;
window.document.getElementById("11").style.display="block";
window.document.getElementById("22").style.display="none";
}
}

</script>


<form name="form1" method="post" action="">
<p>
<input type="radio" name="sex1" onClick="tt();">
男
<input type="radio" name="sex2" onClick="tt1();">
女</p>


<div id="11" style="display:block">
<select name="1" onchange="face.src=this.value" >
<%for i=1 to 2%>
<option value="<%=i%>.gif" >
头像<%=i%>
</option>
<%next%>
</select>
<img id="face" src="1.gif" />
</div>

<div id="22" style="display:none">
<select name="2" onchange="face2.src=this.value" >
<%for i=3 to 4%>
<option value="img/<%=i%>.gif" >
头像<%=i%>
</option>
<%next%>
</select>
<img id="face2" src="img/1.gif" />
</div>

</form>