Dynamically change the HTML <img> src attribute using Java Script or JQuery

Question

I need to change the html img src value dynamically from the value from hidden text field using Jquery or Java script.

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

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

 }

I got the value in the DOM but it is not getting reflected in it. Old image is maintained.

1. are you using jquery or pure javascript and 2. please post some more of the html of what you are trying to do. Thanks. — Matt
– Matt, Commented Dec 20, 2010 at 6:46

PleaseStand · Accepted Answer · 2010-12-20 16:48:19Z

1

This should work, but you need to ensure that these are the case:

Does the textbox tag look like <input type="text" id="addProductLinksCreateForm:addProductLinkUrlValue">?
Are you calling onImgChange() at all? You could try document.getElementById('addProductLinksCreateForm:addProductLinkUrlValue').onchange = onImgChange; to allow that to happen when the user switches to a different text box.

edited Dec 20, 2010 at 16:48

answered Dec 20, 2010 at 6:46

PleaseStand

32.2k7 gold badges72 silver badges96 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

jAndy · Accepted Answer · 2010-12-20 06:47:16Z

0

Using jQuery, it would look like:

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

answered Dec 20, 2010 at 6:47

jAndy

237k57 gold badges313 silver badges363 bronze badges

Collectives™ on Stack Overflow

Dynamically change the HTML <img> src attribute using Java Script or JQuery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related