動態更改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');
     });
}