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

【问题标题】：Insert jquery variable value into input hidden field将 jquery 变量值插入输入隐藏字段
【发布时间】：2019-03-28 21:26:15
【问题描述】：

将 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);
    });
});

【问题讨论】：

• 没有 HTML 就很难看出问题所在。
• @Screll 我不相信它是 img，因为 OP 说这是一个“隐藏输入”
• " alt="product-1"/> 循环中的这段代码和我所有的图像都在光滑的滑块中。现在我想通过单击它来选择图像，我想获取图像源以便我可以存储到隐藏字段。因为如果用户从不同的材料部分选择 5 个图像。你可以在这里看到：luxofdubai.com/development/naurus我想实现这个。
• @haroonjaved 当我运行你的代码时，一切正常，尝试使隐藏的输入可见并检查它并确保 ID 匹配。
• 您的代码是普通 javascript、使用 jQuery 变量的 jQuery 和使用 $ 变量的 jQuery 之间的奇怪组合。尝试坚持一种风格。这将使您的代码更加清晰。