Javascript 根据在另一个文本框中输入的文本在文本框中显示文本

我正在用asp.net编写一个web应用程序。我有两个文本框，一个字段用于txtEmployeeID，另一个字段用于txtEmployeeName。我在Page_Load事件中将EmployeeName文本框设置为只读。在我的程序中，我已连接到数据库并设置了存储过程。我现在想要的是，当我在EmployeeID文本框中键入ID时，相应的EmployeeName文本框应该显示在该文本框中员工的姓名中

     function Text() {
        var txt1 = document.getElementById('<%= txtEmployeeID.ClientID %>').value;
        document.getElementById('<%= txtEmployeeName.ClientID %>').value = txt1;

     }

比如说。在我的数据库中，我有

employeeID: 000123 
employeeName: Jimmy

如果我在txtEmployeeID中键入000123，则Jimmy的名字将显示在txtEmployeeName中

我正在考虑使用JavaScript来实现这一点。这就是我所想的，但它所做的只是在一个文本框中复制文本，并在另一个文本框中显示相同的文本

     function Text() {
        var txt1 = document.getElementById('<%= txtEmployeeID.ClientID %>').value;
        document.getElementById('<%= txtEmployeeName.ClientID %>').value = txt1;

     }

函数文本（）{
var txt1=document.getElementById（“”）.value；
document.getElementById（“”）.value=txt1；
}

HTML代码：

<asp:TemplateField HeaderText="Employee ID">
       <EditItemTemplate>
              <asp:TextBox ID="txtEmployeeID" runat="server" Text='<%#Bind("Employee_ID") %>'
                Width="90px"></asp:TextBox>
       </EditItemTemplate>
       <ItemTemplate>
            <asp:Label ID="lblEmployeeName" runat="server" CssClass="GridInput" Text='<%#Bind("Employee_Name") %>'
                 Width="90px"></asp:Label>
        </ItemTemplate>
</asp:TemplateField>

---

如果要使用OnTextChange事件，可以这样做

<asp:UpdatePanel ID="udpEmployee" runat="server">
    <ContentTemplate>
        <asp:TextBox ID="txtEmployeeID" runat="server" AutoPostBack="true" OnTextChanged="txtEmployeeID_TextChanged"></asp:TextBox>
        <asp:TextBox ID="txtEmployeeName" runat="server" ReadOnly="true"></asp:TextBox>
    </ContentTemplate>
</asp:UpdatePanel>

---

我不确定您是如何连接到数据库的，因此无法提供获取值的示例。

数据库调用代码在哪里？如果您是从数据库获取数据，则每次按下键盘时都需要与数据库交互。您可以使用ajax和on keyup event send request来搜索点击，然后在其他文本中显示box@KaushikMaheta，我的数据库调用代码在我的页面加载事件中。@DragonBorn，

guradio

提供的解决方案最适合您。您的选项包括为txtEmployeeID引发TextChange事件的回发。然后从DB中提取值并在txtEmployeeName上设置文本值，如果愿意，可以使用更新面板进行部分回发。或者，您也可以看看ajax json解决方案。嗨，Darren，谢谢您的回复。实际上，我的HTML页面中有这段代码。为了连接到DB，我创建了一个类来存储我的所有连接。然后，在我的方法GetEmployeeNameByID中，我有一个接受EmployeeID并返回dataset的参数。我的sql查询是一个存储过程。这听起来不错，实际上只是决定是要引发回发事件并运行服务器端函数来获取和设置值，还是在客户端执行。我提供的答案显然是服务器端解决方案。