jQuery append img src URL

Question

私はimg urlを送信する必要があるフォームを持っています。提出すると、フォームの下のリストにイメージとして追加する必要があります。画像URLの値をリストに追加するにはどうすればよいですか？現在、私はこのコードを持っているが、それは仕事をdoes't：

$(document).ready(function(){ 
    $('#imageListForm').submit(function(event){ 
    event.preventDefault(); 

     let postPic = $('#imgLink').val() 
     $('#imageList').append($('<li>' + '<img src=$("postPic")>' + '</li>')) 

    }); 
    }); 

Answer 1

あなたのコード例に基づいて、これは動作するはずです...

$(document).ready(function(){ 
    $('#imageListForm').submit(function(event){ 
    event.preventDefault(); 
    $('#imageList').append($('<li>' + '<img src="' + $('#imgLink').val() + '">' + '</li>')) 
    }); 
}); 

Answer 2

あなたは既にpostPicにあなたのIMG SRCの値を得ていますvar、これは文字列なので、jQueryセレクタの内部にある必要はありません。これはあなたのために働く必要があります：実際には、あなたの間違いがpostPicの値に一致する代わりに、IMG要素のsrcにpostPicの値を割り当てるセレクタを持つHTML要素を選択しようとしていた

$(document).ready(function(){ 
    $('#imageListForm').submit(function(event){ 
    event.preventDefault(); 

    let postPic = $('#imgLink').val() 
    $('#imageList').append($('<li>' + '<img src="' + postPic + '">' + '</li>')) 

    }); 
}); 

。

Answer 3

このコードを試してみました。 imageListFormフォームの入力されたURLの値がimgソースに表示されるように、postPicに電話する必要があります。

$(document).ready(function(){ 
    $('#imageListForm').submit(function(event){ 
    event.preventDefault(); 
     let postPic = $('#imgLink').val(); 
     $('#imageList').append($('<li>' + '<img src="'+postPic+'"' + '</li>')); 
    }); 
    }); 

Answer 4

これを見てください：

$(document).ready(function(){ 
$('#imageListForm').submit(function(event){ 
event.preventDefault(); 

    let postPic = $('#imgLink').val() 
    $('#imageList').append("<li><img src='"+postPic+"'></li>"); 

}); 
});