一个简单的JS问题，在线等，立刻给分！


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  
<title>文档  </title>
<script></script>
</head>  <body >  
<img src="http://list.mp3.baidu.com/list/images/tupic/funny_egaosucai02.jpg" >
<SELECT NAME="sel" onchange="document.getElementsByTagName('img')[0].src =this.options[this.selectedIndex].text">
<option VALUE="1" SELECTED>http://list.mp3.baidu.com/list/images/tupic/funny_egaosucai02.jpg</option>
<option VALUE="2">http://list.mp3.baidu.com/list/images/tupic/funny_egaosucai06.jpg</option>
</SELECT></body>  
</html>  

解决方案 »

  1.   

    我JS也不行，我只是写着试试你首先在你的jsp最下面创建一个div
    也就是
    .
    <HTML>
     <HEAD>
      <TITLE>this is jsp</TITLE>
     </HEAD> <BODY>
      <!-- 你的代码 --!>  <手动添加div>
      <div id='imgAdd'>
      </div> </BODY>
     <script language="javascript" type="text/javascript">
          function check(){         var divObject = document.getElementById('imgAdd')
             var imgObject = document.createElement('img');  
             imgObject.name ='default'; 
             imgObject.src = '<%=request.getContextPath()%>/图片路径';
              
             divObject.appendChild(imgObject);
    } </script>
    </HTML>
    [/code]你选择图片的时候，调用check 
    试试看行不行，我也不是很清楚
      

  2.   

    <img id="vpic" />
    <input type="file" onchange="document.getElementById('vpic').src=this.value;" />
      

  3.   

    為什么要用文本域呢？貼上一點：希望能給到你一點提示：
    <script language="javascript">
    function document.onmousedown(ev){
    var ev=ev||window.event;
    var target=ev.target||ev.srcElement;
    if(target.id=="picselect"){
    var pic=document.getElementById("pic");
    pic.innerHTML="<img src='"+target.value+"'>";
    }
    }
    </script>
    <select size="2" id="picselect">
    <option value="http://zi.csdn.net/30060_4.gif">http://zi.csdn.net/30060_4.gif</option>
    <option value="http://profile.csdn.net/frank3G/picture/2.jpg">http://profile.csdn.net/frank3G/picture/2.jpg</option>
    </select>
    <div id="pic"></div>
      

  4.   

    兼容ff的,ff要立即显示图片需要加上file://前缀<img id="vpic" src="file://e:\logo.gif"/>
    <input type="file" onchange="document.getElementById('vpic').src='file://'+this.value" />
      

  5.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head>
    <body>
    <img id="img1"/><br/>
    <input id="file1" type="file" onchange="$('img1').src=this.value;"/>
    <script type="text/javascript">
    function $(strId){
    return document.getElementById(strId);
    }function ScanFile(){
    var oImg=$("img1");
    var oFile=$("file1");
    if(oImg.src!=oFile.value)
        oImg.src="file:///"+oFile.value;
    }if(!document.all)
         window.setInterval("ScanFile()",2000);
    </script>
    </body>
    </html>