java - onKeyUp Texftield 自动生成。 HTML/JAVA

Question

我有一个代码，使用户能够在第一个文本框中输入值，并且我希望它在具有相同 ID 的其他文本字段中填充相同的值。 (一列中有 9 个具有相同 ID 的文本字段)

这是我的代码，但问题是该值仅填充在第一个收件箱 (TextF1) 中，其他 8 个收件箱没有任何反应。有人看到这里的问题吗

<form >
<input type='text' id='VarField' onKeyUp="document.getElementById('VarField1').value=this.value"  value='' size="10">

<input type='text' name='TextF1' id='VarField1' value='' size="10">
<input type='text' name='TextF2' id='VarField1' value='' size="10">
<input type='text' name='TextF3' id='VarField1' value='' size="10">
.
.
.
<input type='text' name='TextF8' id='VarField1' value='' size="10">
<input type='text' name='TextF9' id='VarField1' value='' size="10">
</form>

Answer 1

HTML 元素的 ID 应该是唯一的。我的意思是只有一个元素应该具有 ID VarField1。

您可以尝试为每个元素指定相同的 VarField1 类。然后，您可以使用 for-each 循环为每个元素赋予正确的值。看起来像这样:

function assignValue( textValue )
{
    for ( textBox in document.getElementsByClassName("VarField1") )
    {
        textBox.value = textValue;
    }
}

您的 onKeyUp 属性只需使用文本框的值来调用 allocateVale() 函数。

onKeyUp="assignValue(this.value)"