将jquery变量值插入输入隐藏字段

Question

Insert jquery variable value into input hidden field. I am unable to pass variable into hidden field. Basically i have a customize shows page. Where i have images related to different materials that we use to make shoes. If i click on image to select that material may be a buckle or thread. We get the src of image and insert into hidden field so at the end we submit form with all the images path. It's like t-shirt customize page. Just help me to insert the on click image src into hidden field.

I have code but nothing is working.

jQuery(document).ready(function() {
    jQuery('.pro_img').click(function() {
        var $pro_class = $('.pro_img');
        $pro_class.removeClass('pic_select');
        $(this).addClass('pic_select');

        var imgpro = jQuery(this).attr('src');
        document.getElementById('hidden_pro_image').value = imgpro;
        //$('#hidden_pro_image').val(imgpro);

        alert(imgpro);
    });
});

Answer 1

Inserting into hidden input field based on your code

 $(document).ready(function() { $('.pro_img').click(function() { var imgpro = jQuery(this).attr('src'); $('#hidden_pro_image').val(imgpro); alert($('#hidden_pro_image').val()); }); }); 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <img class="pro_img" src="https://i0.wp.com/wptavern.com/wp-content/uploads/2016/07/stack-overflow.png?ssl=1" width="100px" /> <input id="hidden_pro_image" type="hidden" value="" />