javascript添加两个文本框值并在asp.net中显示在第三个

Question

我如何在 javascript/asp 中添加两个文本框值并显示在第三个？

我的JS代码

 function sum() {
      var txtFirstNumberValue = document.getElementById('TextBox1').value;
      var txtSecondNumberValue = document.getElementById('TextBox2').value;
      var result = parseInt(txtFirstNumberValue) + parseInt(txtSecondNumberValue);
      if (!isNaN(result)) {
          document.getElementById('TextBox3').value = result;
      }
  }

页面加载中的 ASP

TextBox1.Attributes.Add("onkeyup", "sum();");
TextBox2.Attributes.Add("onkeyup", "sum();");

Answer 1

你应该知道的一件事:

默认情况下，ASP.NET 使用自动生成的 ClientID TextBox 使用的属性在 ASPX 页面中进行控制，这样您的文本框 ID 将变成类似于 <input id="ctl00_ContentPlaceHolder1_TextBox1" type="text" ... /> 的内容渲染后。要在客户端使用服务器控件名称，您需要使用 ClientID像这样:

function sum() {
    var txtFirstNumberValue = document.getElementById('<%= TextBox1.ClientID %>').value;
    var txtSecondNumberValue = document.getElementById('<%= TextBox2.ClientID %>').value;
    var result = parseInt(txtFirstNumberValue) + parseInt(txtSecondNumberValue);
    if (!isNaN(result)) {
        document.getElementById('<%= TextBox3.ClientID %>').value = result;
    }
}

避免使用生成的 ClientID 的替代方法在客户端设置 ClientIDMode是静态的，这里是使用它的例子:

<%-- control level --%>
<asp:TextBox ID="TextBox1" runat="server" ClientIDMode="Static" ... />

<%-- placeholder level --%>
<asp:Content ID="Content1" runat="server" ClientIDMode="Static" ...>...</asp:Content>

<%-- page level --%>
<%@ Page Language="C#" ClientIDMode="Static" AutoEventWireup="true" ... %>

引用:

ClientID Property

Set HTML Attributes for Controls in ASP.NET Web Pages