gpt4 book ai didi

javascript - 使用主文本框内容自动填充文本框

转载 作者:行者123 更新时间:2023-12-03 07:51:24 25 4
gpt4 key购买 nike

我正在尝试使用主文本框内容自动填充文本框 1 到 3,以便在文本框中输入的任何内容“标题”也会出现在文本框中输入 1、输入 2 和输入 3。这是我所拥有的,但出现错误。

<html>
<head>
<script type="text/javascript">
function CopyData(val){
var a = document.getElementById(val.id).value
document.getElementById("CopyText").value=Title
}

</script>
</head>
<body>

Title:<input type="text" name ="Title" id="Text" onkeyup="CopyData(this)"/><br /> <br />
Input 1:<input type="text" name ="Input1" id="CopyText"/><br />
Input 2:<input type="text" name ="Input2" id="CopyText"/><br />
Input 3:<input type="text" name ="Input3" id="CopyText"/><br />

</body>
</html>

最佳答案

试试这个:

<html>
<head>
<script type="text/javascript">
function CopyData(val){
var a = document.getElementById(val.id).value
var inputs = document.querySelectorAll(".input");
for(var i=0;i < inputs.length;i++)
{
inputs[i].value = a;
}

}

</script>
</head>
<body>

Title:<input type="text" name ="Title" id="Text" onkeyup="CopyData(this)"/><br /> <br />
Input 1:<input type="text" class="input" name ="Input1" /><br />
Input 2:<input type="text" class="input" name ="Input2" /><br />
Input 3:<input type="text" class="input" name ="Input3" /><br />

</body>
</html>

备注:

  1. 不要对多个元素使用相同的 id。尝试上课
  2. 您使用未定义的“标题”,请使用“a”,这是您存储输入值的位置
  3. 要使用简单的 js 一次获取多个元素,好的方法是使用“querySelectorAll”和适当的选择器。

祝你好运。

关于javascript - 使用主文本框内容自动填充文本框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34976297/

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