下拉框里根据选择项不同,显示的图片也不同

function change(){
                var photo = document.getElementById("photo");
                var photoImg = document.getElementById("photoImg");
                photoImg.src = photo.value;
            }

<select name="photo" id="photo" onchange="change();">
       <option value="images/1.gif" selected="selected">头像一</option>
       <option value="images/2.gif">头像二</option>
 </select>
<img id="photoImg" src="images/1.gif">

效果图: