如何实现用javascript实现按照性别显示头像

<INPUT name=Sex type=radio value="1" checked onclick="document.all.face.value='bbs/face/1.gif'">
男
<INPUT type=radio value="0" name=sex onclick="document.all.face.value='bbs/face/2.gif'">
女<select name="face">
<option value="bbs/face/1.gif">头像1</option>
<option value="bbs/face/2.gif">头像2</option>
</select>

解决方案 »

  1.   

    先把图片分类地放到数组里，然后再根据不同的选择，来添加到下拉菜单中。
    <script language="javascript">
    var img_arr = new Array();
    //男头像
    img_arr[1] = new Array(1,"bbs/face/1.gif","头像1");
    //                     性别,图片路径      ,显示文字
    img_arr[2] = new Array(1,"bbs/face/2.gif","头像2");
    //女头像
    img_arr[3] = new Array(0,"bbs/face/3.gif","头像3");
    img_arr[4] = new Array(0,"bbs/face/4.gif","头像4");var count=img_arr.length;
    function changeimg(sex){
    document.all["img"].length = 0; 
    for (i=1;i < count; i++){
    if(img_arr[i][0] == sex){
    document.all["img"].options[document.all["img"].length] = new Option(img_arr[i][2],img_arr[i][1]);
    }
    }
    }
    </script>
    <body>
    <form name="form1" method="post" action="">
      <select name="img">
      </select>
      <input name="sex" type="radio" onclick="changeimg(1)" value="1" checked>
      男
      <input type="radio" name="sex" value="0" onclick="changeimg(0)"> 
      女
    </form>
    <script language="javascript">
    changeimg(1);
    </script>