gpt4 book ai didi

javascript - onchange javascript动态更改链接

转载 作者:行者123 更新时间:2023-11-30 13:18:46 25 4
gpt4 key购买 nike

我想在用户更改 <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 的 URL 和显示文本所以 ?give=部分 url 具有文本字段的值 givetext .但它没有按预期工作。相反,它什么都不做。我也尝试使用 onkeyuponinput (在另一个相关问题中看到了这些),但没有成功。

最佳答案

它应该是 document.getElementById("givetext").value 你有 getElementsBys

使用 onkeyup 的工作代码 demo

关于javascript - onchange javascript动态更改链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11072534/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com