Question

将jquery变量值插入输入隐藏字段中。我无法将变量传递给隐藏字段。基本上我有一个自定义的显示页面。我在这里有与用于制作鞋子的不同材料相关的图像。如果我单击图像选择该材料可能是带扣或螺纹。我们获取图像的src并将其插入到隐藏字段中，因此最后我们提交包含所有图像路径的表单。就像T恤定制页面一样。只需帮助我将点击图片src插入隐藏字段即可。

我有代码，但没有任何作用。

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

根据您的代码插入隐藏的输入字段

$(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="" />

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

1 个答案: