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

Question

我需要使用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中获得了值，但它没有反映在其中。保留旧图像。

Answer 1

这应该有效，但你需要确保这些是这样的：

• 文本框标记看起来像<input type="text" id="addProductLinksCreateForm:addProductLinkUrlValue">吗？

• 您是否正在致电onImgChange()？您可以尝试document.getElementById('addProductLinksCreateForm:addProductLinkUrlValue').onchange = onImgChange;以便在用户切换到其他文本框时允许这种情况发生。

Answer 2

使用jQuery，它看起来像：

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