2013-10-23 48 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 這將工作