Question

我想在用户更改<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>

这应该更改givelink的网址和显示文字，以便网址的?give=部分具有文本字段givetext的值。但它没有按预期工作。相反，它什么都不做。我还尝试使用onkeyup和oninput（在另一个相关问题中看到这些），但没有成功。

Answer 1

document.getElementById("givetext").value getElementsBy {/ 1}} s

使用onkeyup demo

的工作代码

Answer 2

由于您使用了document.getElementsById，但可能存在一些语法错误，但它应该是document.getElementById

onchange javascript动态更改链接

2 个答案: