jquery - 用图像的 src 替换值？

Question

我正在尝试获取图像的 src 并将其附加到文本输入的值：

$(".detail-template").on("click", ".btn-primary", function(e) {
    var image = $(".detail_template").find("img").attr("src");
    $('input[value="stock-ref"]').val(image);
});

但它只是导致一个空白的输入字段？

网页在这里： http: //fuzzionwallart.co.uk/store2/vinyl-wall-art/vinyl-wall-art-contemporary/vinyl-wall-art-buddah

基本上，我们希望获取预览的 src 并将其放入文本输入中，以便我们知道客户选择了哪个图像。但我无法让它发挥作用来挽救我的生命！

Answer 1

你需要检查你的 html 源代码，你的 div.detail-template 没有任何 IMG。所以这就是你的代码不能正常工作的原因

Answer 2

也许除了 Anton 的回答之外，您的输入 jQuery 选择器看起来是错误的（至少如果您期望它不止一次地工作）。

你的意思是通过它的名字或ID来选择它吗？

$('input[name="stock-ref"]').val(image);

Answer 3

首先，您正在搜索的 div 被归类为“detail-template”，而不是“detail_template”。然后我能找到的 div.detail-template 中唯一的 img 标签有一个空的“src”属性......