当用户更改<input type="text">的值时,我想编辑链接,但无法正常工作。我的HTML:

    <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>


这应该更改URL并显示givelink的文本,因此url的?give=部分具有文本字段givetext的值。但是它没有按预期工作。相反,它什么也不做。我也尝试使用onkeyuponinput(在另一个相关的问题中看到了这些),但没有成功。

最佳答案

您应该是document.getElementById("givetext").valuegetElementsBy

使用s demo的工作代码

07-24 13:50