1

当用户更改 a 的值时,我想编辑链接<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因此?give=url 的部分具有 text field 的值givetext。但它没有按预期工作。相反,它什么也不做。我也尝试使用onkeyupand oninput(在另一个相关问题中看到了这些),但没有成功。

4

2 回答 2

2

你应该document.getElementById("givetext").valuegetElementsBy一个s

使用演示的工作代码onkeyup

于 2012-06-17T15:38:09.140 回答
1

可能存在一些语法错误,因为您使用了 document.getElementsById 但它应该是 document.getElementById

于 2012-06-17T15:38:30.840 回答