使用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>

回答

相關問題