gpt4 book ai didi

javascript - 如何在不提交表单的情况下在文本字段中生成值?

转载 作者:行者123 更新时间:2023-11-28 15:07:10 25 4
gpt4 key购买 nike

用户正在填写表单:

fname : Firstname
mname : middlename
lname : lastname
fullname : Complete naam

在用户输入 field4 之前,我想已经给出值 fname & mname & lname 作为全名的开头。我发现应该按如下方式完成此操作。

我已经做了这个,但出了点问题...我几乎没有 Javascript 经验...

<!DOCTYPE html>
<html>
<body>
First name: <input type="text" id="fname"><br>
Middle name: <input type="text" id="mname"><br>
Last name: <input type="text" id="lname"><br>
Fullname: <input type="text" id="fullname" onfocus="myFunction()"><br>

<script>
function myFunction() {
document.getElementById("fullname").style.background = "yellow";
document.getElementById("fullname").value = document.getElementsByTagName("fname").value + document.getElementsByTagName("mname").value + document.getElementsByTagName("lname").value;
}
</script>

</body>
</html>

最佳答案

您正在使用 getElementsByTagName 方法,但您传递给它的值是元素的 id,而不是标签名称(将是 “输入”)。

Use getElementById通过 id 获取元素。

关于javascript - 如何在不提交表单的情况下在文本字段中生成值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38381390/

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