使用jQuery從輸入框中設置img src

Question

我正在嘗試使用jQuery輸入框的值設置img src ：

<img class="preview" id="img" src="">    
<input id="form" placeholder="skin URL">    

這是javascript代碼：

$("#form").change(function(){
$("#img").attr("src", $("#form").val());
});

我不知道為什么不起作用。 怎么了？

編輯：現在它可以工作，但是我在輸入框上設置了一個cookie，所以當我刷新頁面時，img僅在輸入框失去焦點時加載img（使用.blur（））。 我希望img始終自動加載。 有小費嗎？

Answer 1

這可能對您有幫助，

$(document).ready(function(){
      $("#form").blur(function(){
          var inputVal = $(this).val();
          $("#img").attr("src", inputVal);
     });
});

Answer 2

你可以試試這個

<img class="preview" id="img" src="">    
<input id="form" placeholder="skin URL">    

$(document).ready(function(){
      $("#form").keyup(function(){
          var inputVal = $(this).val();
          $("#img").attr("src", inputVal);
     });
});

此處演示

Answer 3

代碼還可以，對我來說很好。 可能是jQuery腳本文件未正確引用，並檢查了您要在img上設置的圖片網址