在不重新加载页面的情况下显示表单字段的结果

Question

我想使用jQuery / AJAX来执行以下操作...

我有一个带有图片网址的文本框。我想要在插入URL时将该图像显示在单独的DIV中。 显然在按下任何提交按钮之前。

Answer 1

对于OP，你没有提到你完成这项工作的确切时间，但是我写了一个过程，用输入框中的url将图像附加到url div。

var url = $('input[type="text"]').val();

if($.trim(url).length) {

   $('DIV').append('<img src="'+ url +'" alt="image">');

}

Answer 2

$(document).ready(function(){

if($.trim($('input[type="text"]').val()).length) {

   $('div').append('<img src="'+ $('input[type="text"]').val()+'" alt="image">');

}
});