使用 Javascript 或 JQuery 动态更改 HTML <img> src 属性答案

【问题标题】：Dynamically change the HTML <img> src attribute using Java Script or JQuery使用 Javascript 或 JQuery 动态更改 HTML <img> src 属性
【发布时间】：2010-12-21 00:48:19
【问题描述】：

我需要使用 Jquery 或 Java 脚本从隐藏文本字段中的值动态更改 html img src 值。

<p><img id="yui_img" height="333" width="345"></p>

function onImgChange()
 {
document.getElementById('yui_img').src=document.getElementById('addProductLinksCreateForm:addProductLinkUrlValue').value;

 }

我在 DOM 中获得了值，但它没有反映在其中。保留旧图像。

【问题讨论】：

1.您使用 jquery 还是纯 javascript 和 2. 请发布更多您正在尝试做的 html。谢谢。

标签： javascript jquery

【解决方案1】：

这应该可行，但您需要确保这些是实际情况：

文本框标签看起来像<input type="text" id="addProductLinksCreateForm:addProductLinkUrlValue">吗？
你在打电话给onImgChange()吗？您可以尝试document.getElementById('addProductLinksCreateForm:addProductLinkUrlValue').onchange = onImgChange; 以允许在用户切换到其他文本框时发生这种情况。

【讨论】：

【解决方案2】：

使用 jQuery，它看起来像：

function onImgChange() {
     $('#yui_img').attr('src', function(i, src) {
         return $('#addProductLinksCreateForm').attr('src');
     });
}

【讨论】：