使用Java脚本或JQuery动态更改src属性HTML

Question

我需要使用Jquery或Java脚本从隐藏文本字段的值动态更改html img src值。使用Java脚本或JQuery动态更改src属性HTML <img>

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