onchange javascript动态更改链接答案

【问题标题】：onchange javascript to dynamically change linksonchange javascript动态更改链接
【发布时间】：2012-06-19 19:32:11
【问题描述】：

当用户更改<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 的值。但它没有按预期工作。相反，它什么也不做。我还尝试使用onkeyup 和oninput（在另一个相关问题中看到这些），但没有成功。

【问题讨论】：

标签： javascript url hyperlink edit onchange

【解决方案1】：

应该是 document.getElementById("givetext").value 你有 getElementsBy 和 s

使用onkeyupdemo的工作代码

【讨论】：

怪 Eclipse，它的自动补全！

【解决方案2】：

您使用 document.getElementsById 可能有一些语法错误，但它应该是 document.getElementById

【讨论】：