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

How do I in javascript/asp add two textbox values and display in third?

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

My JS code

我的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 in page load

ASP在页面加载

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

2 个解决方案

#1

One thing you should know:

有一件事你应该知道:

By default, ASP.NET uses auto-generated ClientID property to be used by TextBox control in ASPX pages, so that your textbox ID will become something like <input id="ctl00_ContentPlaceHolder1_TextBox1" type="text" ... /> after rendered. To use the server control name in client-side you need to use ClientID like this:

默认情况下,ASP。NET使用自动生成的ClientID属性供ASPX页面中的文本框控件使用，因此您的文本框ID将变成类似于后呈现。要在客户端使用服务器控制名称，您需要使用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;
    }
}

An alternative to avoid using generated ClientID in client-side is setting ClientIDMode to be static, here are examples to use it:

避免在客户端使用生成的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" ... %>

Reference:

参考:

ClientID Property

ClientID财产

Set HTML Attributes for Controls in ASP.NET Web Pages

为ASP中的控件设置HTML属性。网网页

2 个解决方案

#1

更多相关文章

随机推荐