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

我需要使用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中获得了这个值，但它并没有反映在它中。旧图像保持不变。

来源

2010-12-20 undisputed

1.你使用jQuery或纯JavaScript和2.请张贴一些什么你正在尝试做的HTML。谢谢。 – Matt 2010-12-20 06:46:14

这应该工作，但是你需要确保这些情况：

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

来源

2010-12-20 06:46:29 PleaseStand

使用jQuery，它看起来像：

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

来源

2010-12-20 06:47:16 jAndy

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

回答

相关问题