HTML - OnChange從輸入框中更新圖像源url

-1

好的，我正在爲我的網頁設計類的最後工作。我們只能使用HTML，CSS和JAVASCRIPT。沒有AJAX或其他任何東西。HTML - OnChange從輸入框中更新圖像源url

我需要一點幫助。

我有一個文本框。我希望用戶能夠將（圖片）網址粘貼到其中，並且會自動將頁面上的圖像更新爲它們所粘貼的圖像網址。

這可能嗎？

我可以在文本框中使用OnChange來更新我的圖片網址嗎？我每個人都放了什麼？

這是我的文本框

<input id="usrimg" onChange="??(What do I put here)??" type="text"/>

，這裏是你嘗試過的圖像源我想改變的OnChange在文字輸入

 imageObj.src = "??What goes here??";

來源

2012-01-08 user802609

我知道這是一個遲到的回答，但是，像這樣？我知道這是不是最好的解決辦法，但它是...

<script language="JavaScript" type="text/javascript"> 
function show_prompt() { 
var image_url = prompt("Please enter an image url","http://hasselt-graphix.be/images/HGX.png"); 
    document.write("<!-- The rest of your html page --><img src=\"" + image_url + "\" width=\"400px\"><!-- The rest of your html page-->"); 
} 
</script> 

<form> 
    <input type="button" value="Change picture" onclick="show_prompt();" /> 
</form>

希望它可以幫助

來源

2012-12-07 13:40:34 Tim

<script language="JavaScript" type="text/javascript"> 
    function changeUrl(el) { 
    var el = document.getElementById('inputid').value; 
    var im = document.getElementsByTagName(img); 
    im.src = el; 
    } 
    </script> 


<input type="text" id="inputid" value="" onBlur="changeUrl(this.value)"/>

來源

2016-12-20 17:40:50

HTML - OnChange從輸入框中更新圖像源url

回答

相關問題