Dynamisch ändern Sie das HTML <img> src Attribut mit Java Script oder JQuery

Question

Ich muss den HTML img src Wert dynamisch aus dem Wert von versteckten Textfeld mit Jquery oder Java-Skript ändern.

<p><img id="yui_img" height="333" width="345"></p> 

function onImgChange() 
{ 
document.getElementById('yui_img').src=document.getElementById('addProductLinksCreateForm:addProductLinkUrlValue').value; 

} 

Ich habe den Wert im DOM, aber es wird nicht in es reflektiert. Altes Bild wird beibehalten.

Answer 1

sollte diese Arbeit, aber Sie müssen sicherstellen, dass diese der Fall:

• Hat das Aussehen Textbox Tag wie <input type="text" id="addProductLinksCreateForm:addProductLinkUrlValue">?

• Rufen Sie überhaupt onImgChange() an? Sie könnten document.getElementById('addProductLinksCreateForm:addProductLinkUrlValue').onchange = onImgChange; versuchen, dies zuzulassen, wenn der Benutzer zu einem anderen Textfeld wechselt.

Answer 2

Mit jQuery, es würde so aussehen:

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