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只在输入框失去焦点时加载（使用.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);
     });
});

<强> DEMO HERE

Answer 3

代码没问题，对我来说工作正常。可能是jQuery脚本文件未正确引用并检查您尝试在img上设置的图片网址

使用jQuery从输入框中设置img src

3 个答案: