onchange javascript to動態更改鏈接

我想編輯鏈接時，用戶更改<input type="text">的值，但我無法讓它工作。我的HTML：onchange javascript to動態更改鏈接

<head> 
    <link rel="stylesheet" href="styles.css" /> 
    <script type="text/javascript"> 
    function updateGiveLink() { 
     document.getElementById("givelink").innerHTML = "http://kroltan.eliti.com.br/diamonds/?give="+document.getElementsById("givetext").value; 
     document.getElementById("givelink").href = "http://kroltan.eliti.com.br/diamonds/?give="+document.getElementsById("givetext").value; 
    } 
    </script> 
    </head> 
    <input type="text" placeholder="Minecraft username" name="give" id="givetext" onchange="updateGiveLink()" /> 
    <a id="givelink" href="http://kroltan.eliti.com.br/diamonds/?give=Player">http://kroltan.eliti.com.br/diamonds/?give=Player</a>

這是應該改變的givelink的網址和顯示文本，以便該URL的?give=部分具有文本字段givetext的價值。但它沒有按預期工作。相反，它什麼都不做。我也嘗試使用onkeyup和oninput（在另一個相關問題中看到這些），但沒有成功。

來源

2012-06-17 Kroltan

它應該是document.getElementById("givetext").value你有getElementsBy使用onkeyupdemo

來源

2012-06-17 15:38:09 sachleen

責怪Eclipse，並自動完成！ – Kroltan

可能是s

工作的代碼有因爲你已經使用document.getElementsById一些語法錯誤，但它應該的document.getElementById

來源

2012-06-17 15:38:30

onchange javascript to動態更改鏈接

回答

相關問題