<input type="text" id="pic" value="aaaaaa"/><img src="/Pet/images/pet/ ??????"/>各位大侠 怎么把<input>里面的值放到红色区域????

解决方案 »

  1.   

    <input type="text" id="pic" value="aaaaaa"/><img id="view" src="/Pet/images/pet/ ??????"/>
    javascript
      document.getElementById('view').src='/Pet/images/pet/' +  document.getElementById('pic').value
      

  2.   

     通过JavaScript改变\
    <input type="text" id="pic" value="aaaaaa"/><img src="/Pet/images/pet/ 随便写" id="imgId"/>
    以下是js函数
    function changImgValue(){
        var inputValue = document.getElementById("pic").value;
        document.getElementById("imgId").src=="/Pet/images/pet/"+inputValue ;
    }
      

  3.   

    //先个img加个id<input type="text" value="aaa"  id="pic"><img id="mg" src="/Pet/images/pet/ ??????">function test(){
        var tvalue=document.getElementById("pic").value;//获取文本框的value
        var srcimg=document.getElementById("mg").src;//获取img是src
        var indeximg=srcimg.lastIndexOf("/");//找到最后一个“/”的位置
        document.getElementById("mg").src=srcimg.substring(0,indeximg+1)+tvalue;//拼接
        alert(document.getElementById("mg").src);
    }