2013-10-23 104 views
0

如何在输入textbox1和textbox2值时通过计算textbox1-textbox2来自动获取textbox3的值。自动计算文本框的值

<asp:TextBox ID="txtbox1" runat="server"></asp:TextBox>//enter value as 100 
<asp:TextBox ID="txtbox2" runat="server"></asp:TextBox>//enter value as 50, Once we enter 50 result should appear in textbox3 

<asp:TextBox ID="txtbox3" runat="server"></asp:TextBox>//Once we enter 50 result should appear in textbox3 

txtbox3.Text = (Convert.ToInt32(txtbox1.Text) - Convert.ToInt32(txtbox2.Text)).ToString(); 
+2

“自动”意味着客户端。这意味着JavaScript。您的C#代码隐藏在服务器上运行。请现在了解这个区别,否则你将永远困惑。 –

+0

@Kuzgun''标签当然是Web。 –

回答

5

您将需要使用的txtbox1和txtbox2事件“框TextChanged”做计算

+1

而且他也不应该忘记在这些事件中验证这些值,否则他会得到一堆例外情况)。 – ThunderGr

1

如果是没有必要的回调服务器端为这个简单的操作。你可以试试这个:

在Text1和Text2上放置onchange事件处理客户端。

<asp:TextBox ID="txtbox1" runat="server" onchange='return calculateValueText3();'></asp:TextBox> 

<asp:TextBox ID="txtbox2" runat="server" onchange='return calculateValueText3();'></asp:TextBox> 

如果您使用的JavaScript添加JavaScript部分

<script> 
function calculateValueText3() 
{ 
//for example 
document.getElementById('<%=txtbox3.ClientID%>').value = 
document.getElementById('<%=txtbox1.ClientID%>').value - document.getElementById('<%=txtbox2.ClientID%>').value 
} 
</script> 
+0

不加,OP需要减法! –

0
<asp:TextBox ID="txt1" runat="server" onchange='return Calculate();'></asp:TextBox> 

<asp:TextBox ID="txt2" runat="server" onchange='return Calculate();'></asp:TextBox> 

------

<script type="text/javascript"> 
function Calculate(){ 

document.getElementById('<%=txt3.ClientID%>').value = 
document.getElementById('<%=txt1.ClientID%>').value - document.getElementById('<%=txt2.ClientID%>').value; 
} 
</script> 
现在

如果你正在使用jQuery ----- -

function Calculate(){ 
$("#<%=txt3.ClientID%>").val() = 
$("#<%=txt1.ClientID%>").val - $("#<%=txt2.ClientID%>").val(); 
} 

请更改您的ID的ID 这将工作