Question

I need to get the image src value from list of image wrapped inside div and pass that value to a textbox.

I have worked on this example but it always get the value of first image irrespective of which image you click one.

http://jsfiddle.net/FMW22/

How do i modify script so that it always get the src of the image which is click to that textbox

Answer 1

This is because your selector is on #imgListContainer, and selects the image using $(this).find("img").

You need to change your selector to #imgListContainer img, and your img declaration to just $(this).

---

Change your code to:

$(document).on("click", "#imgListContainer img", function(){
    var img = $(this), // select images inside .container
        len = img.length; // check if they exist
    if( len > 0 ){
        // images found, get id
        var attrID = img.attr("src"); // get id of first image
       // alert(attrID);
        $("#Text1").val(attrID);
    } else {
        // images not found
    }
});​

Demo: http://jsfiddle.net/FMW22/1/