2014-01-30 79 views
0

我需要重置我的值在文本框中無需重新加載頁面。 下面是我目前使用的重置,但點擊重置頁面重新加載。 任何一個可以請它只能通過JavaScript如何重置文本框的值不帶頁面刷新

protected void BtnReset_Click(object sender, EventArgs e) 
{ 
    txt1.Text = string.Empty; 
    txt2.Text = string.Empty; 
} 
+2

您需要在客戶端上使用JavaScript才能做到這一點。 C#只能在服務器部分運行。 –

+0

看看這裏:[HTMLFormElement.reset](https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement.reset) – alexP

回答

0

可能通知代碼,而不頁面reload.Is重置我相信在Javascript中,它只是:

document.getElementById("txt1").value = ""; 
document.getElementById("txt2").value = ""; 
0

如果要重置你的整個形式,只需用HTML代替你的asp.net按鈕即可。

所以更換是這樣的:

<asp:Button ID="BtnReset" runat="server" Text="Button" /> 

有:

<input id="Reset1" type="reset" value="reset" /> 

(TYPE = 「復位」:將重置您的形式原始值)

0

這裏是jQuery的那將讓你休息特定的文本框。

您也可以使用常規輸入按鈕,因爲它不需要回發。

<asp:TextBox runat="server" ID="txt1" /> 
<asp:TextBox runat="server" ID="txt2" /> 
<asp:Button ID="btn1" 
    runat="server" 
    OnClientClick="return resetButtonClick();" 
    Text="Reset" /> 
<input type="submit" value="Reset" 
    onclick="return resetButtonClick();" /> 
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
<script type="text/javascript"> 
    function resetButtonClick() { 
     $("#<%= txt1.ClientID %>").val(""); 
     $("#<%= txt2.ClientID %>").val(""); 
     return false; 
    } 
</script> 
1

您可以使用HTML

<input type="reset" value="reset"/> 

這將清除表單字段重視

+1

這不正是我所說的嗎? :=)。 http://stackoverflow.com/questions/21465127/how-to-reset-text-box-values-with-out-page-reload?answertab=oldest#tab-top – BriOnH

1

一種選擇是包裝所有控件的一個UpdatePanel。你仍然會有一個回傳,但它會通過AJAX完成,並且不會刷新[整個]頁面(所以你不會得到閃爍)。這將讓你使用你寫的功能。

如果您不需要回發並且沒有任何您需要/想要處理的服務器端,請使用HTML重置按鈕,如Pradeep建議的那樣。

相關問題