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'); 
    }); 
}