Java 스크립트 또는 JQuery를 사용하여 HTML <img> 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;을 시도 할 수 있습니다. jQuery를 사용

Answer 2

, 그것과 같을 것이다 :

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