当前位置: 代码迷 >> HTML/CSS >> 带图片预览的下拉菜单有关问题
  详细解决方案

带图片预览的下拉菜单有关问题

热度:304   发布时间:2012-02-20 21:18:23.0
带图片预览的下拉菜单问题
<select     name= "pic "   onChange= "document.images[ 'img1 '].src=this.options[selectedIndex].value ">      
    <option       value= "images/face/YCT001.gif "> 请选择 </option>      
    <option       value= "images/face/YCT001.gif "> YCT001 </option>      
    <option       value= "images/face/YCT002.gif "> YCT002 </option>
    <option       value= "images/face/YCT003.gif "> YCT003 </option>  
    <option       value= "images/face/YCT004.gif "> YCT004 </option>  
    <option       value= "images/face/YCT005.gif "> YCT005 </option>  
    <option       value= "images/face/YCT006.gif "> YCT006 </option>  
    <option       value= "images/face/YCT007.gif "> YCT007 </option>  
    <option       value= "images/face/YCT008.gif "> YCT008 </option>  
    <option       value= "images/face/YCT009.gif "> YCT009 </option>  
    <option       value= "images/face/YCT010.gif "> YCT010 </option>  
    <option       value= "images/face/YCT011.gif "> YCT011 </option>  
    <option       value= "images/face/YCT012.gif "> YCT012 </option>  
    <option       value= "images/face/YCT013.gif "> YCT013 </option>  
    <option       value= "images/face/YCT014.gif "> YCT014 </option>  
    <option       value= "images/face/YCT015.gif "> YCT015 </option>  
    </select>       <br>
<img   alt= "选择图片 "   width= "50 "   height= "50 "   id=img1   name= "img1 "   scr= "images/face/YCT001.gif ">

选择菜单的时候图片的确可以换,但刚载入页面的时候图片确不能显示,有没有办法可以显示呢??

------解决方案--------------------
图片不能显示?
你写一个img标签。先预置一张默认图片就行了撒。在选择的时候改变img标签的src属性撒