动态更改HTML <img> 使用Java脚本或JQuery的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');
     });
}