将值复制到另一个文本框答案

【问题标题】：Replicating the values to another textbox将值复制到另一个文本框
【发布时间】：2011-05-02 09:38:35
【问题描述】：

我有一个关于 JSP 的问题。我有两个文本框。当我在第一个文本框中输入值时，它应该会自动复制到第二个文本框中。

<input type="text" 
       class="formtext" 
       name="List.lItemList<c:out value='[${status.index}]'/>.value1" 
       value="0.0"
       onChange="validateOnChange(this,'desc','minvalue','maxValue','float')">
<input type="text" 
       class="formtext" 
       name="List.clItemList<c:out value='[${status.index}]'/>.value2" 
       value="0.0" 
       onChange="validateOnChange(this,'desc','minvalue','maxvalue','float')">

【问题讨论】：

可能想把代码放在代码示例中：D
我的意思是代码跨度/代码示例stackoverflow.com/editing-help
我对 javascript 的使用不是很好，但是是否可以在页面已经加载时更改页面而不刷新或重定向页面？我知道，如果你有 2 个盒子，并且你给第 2 个盒子的值是第一个盒子的值，那么使用 asp，一旦它被发布而不是直接输入时，它就会得到那个值。
@Mythje：是的，但是 ASP 在 服务器 上运行，JavaScript（在这种情况下）在 客户端 上运行。

标签： javascript

【解决方案1】：

假设第一个框的 ID 为 input1，第二个框的 ID 为 input2（因此您必须添加这些 ID），您可以这样做：

document.getElementById('input1').onkeyup = function () {
    document.getElementById('input2').value = this.value;
};

【讨论】：

【解决方案2】：

您可以使用 JavaScript 做到这一点。在第一个文本框上附加一个 keyup 事件处理程序，该处理程序应将其值复制到第二个文本框。

<input type="text" id="t1" onkeyup="document.getElementById('t2').value=this.value" /> 
<input type="text" id="t2" />

【讨论】：