フォームフィールドの表示結果ページ

Question

をリロードせずに、私は次の操作を実行するためにjQueryの/ AJAXを使用したい...

私は、画像へのURLとテキストボックスを持っています。 URLが挿入されると、その画像が別のDIVに表示されます。送信ボタンが押される前に明らかに 。

Answer 1

OPには、この仕事をする正確な時間は言及していませんが、入力ボックスからurlを使用してURL divにイメージを追加するプロセスを記述します。あなたは、URLが完了するまで、あなたが壊れたイメージを持っています入力している人としてそれを行うかのように

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">'); 

} 
});