javascript - 如何在 asp.net C# 中将文本框文本更改为另一个文本框？

Question

我的网页上有两个文本框，分别为 txtGivenName 和 txtDisplayName。现在我想在 txtDisplayName 上显示 txtGivenName 文本，同时使用 keypress 事件或 keydown 事件在 txtGivenName 上输入文本。我尝试了一些代码来实现此目的，但无法获取 textbox2 上的 textbox1 值。

我的代码是:

<asp:TextBox ID="txtGivenName" runat="server" onkeypress = "copyText()"  ></asp:TextBox>

脚本代码是:

function copyText() {

var givenName = document.getElementById("txtGivenName");
var displayName = document.getElementById("txtDisplayName");
displayName =  givenName;

} 

但在 txtGivenName 上输入文本时没有任何反应。谁能建议我实现这一目标或告诉我任何其他方法来实现这一目标？(注意:我不想通过 OnTextChanged 事件执行此操作，因为它只会在文本输入结束后填充第二个文本框的第一个文本框值。在第一个文本框上输入文本时，我们需要同时更改第二个文本框上的文本)

谢谢。

我通过使用下面提到的脚本代码得到了此功能的确切答案。解决方案:

function OneTextToOther() {

        var first = document.getElementById('<%= txtGivenName.ClientID %>').value;

        document.getElementById('<%= txtDisplayName.ClientID %>').value = first;

    }  

Answer 1

查看浏览器中的页面源代码 - “txtGivenName”和“txtDisplayName”不会是文本框的 ID，因为 ASP.NET 根据控件层次结构预先添加 ID，因此它们是全局唯一的.

您有两个选择 - 使用 "<%=txtGivenName.ClientID%>"在javascript中获取文本框的真实名称，或设置ClientIdMode="static"在文本框上，这样 ID 就不会出现。

function copyText() {
    var givenName = document.getElementById("<%=txtGivenName.ClientID%>");
    var displayName = document.getElementById("<%=txtDisplayName.ClientID%>");
    displayName.value =  givenName.value;
}