2012-04-20 94 views
0

我有一個帶有3個文本框,複選框和重置按鈕的webform。我需要這些重置爲空值時,我點擊按鈕「重置」,我需要它是一個客戶端操作。我嘗試過的JS代碼如下,但由於某種原因它不起作用。任何幫助PLease?重新設置客戶端上的webform

<code> 
    <script type="text/javascript"> 
     function resetForm() { 
      document.getElemenyById("<%=txtbox1.ClientID%>").value = ""; 
      return false; 
     } 

    </script> 

    <asp:LinkButton ID="wbtnReset" runat="server" Text="RESET PAGE"  CssClass="stdHyperlink" Font-Bold="True" OnClientClick="javascript:return resetForm()"/> 


</code> 
+0

使用種,而不是一個連結 – Ramesh 2012-04-20 09:32:20

+0

我有一個設計要求只使用該特定的鏈接按鈕。 是不是有該控制的解決方法? – 2012-04-20 09:39:37

回答

0

試試下面的代碼

<script type="text/javascript"> 
function resetForm() { 
     document.getElemenyById("<%=txtbox1.ClientID%>").value = ""; 
} 
</script> 
<asp:LinkButton ID="wbtnReset" runat="server" Text="RESET PAGE"  CssClass="stdHyperlink" Font-Bold="True" OnClientClick="resetForm()" CausesValidataion = "false"/> 

,你可以,如果你使用的是.NET 4.0做的簡單方法。使用的ClientIDMode =「靜態」並使用下面線以JavaScript

document.getElemenyById("txtbox1").value = ""; 

希望它有助於

+0

我很確定這會解決問題,但它沒有... – 2012-04-20 09:47:25

+0

這很奇怪。嘗試運行這些語句var txtbox = document.getElemenyById(「<%= txtbox1.ClientID%>」);警報(txtbox.value); txtbox.value =「」;警報只是爲了確保。 – 2012-04-20 10:31:57

+0

做到了。謝謝 – 2012-04-20 12:01:20

0

要使用javascript重置表單,您需要調用窗體對象的重置方法。

下面的內容應該可以幫助你做你需要的。

<asp:LinkButton ID="wbtnReset" runat="server" Text="RESET PAGE" CssClass="stdHyperlink" Font- 
Bold="True" OnClientClick="javascript:this.form.reset(); return false;"/> 
0

你不需要JS。試試<input type="reset" value="Reset Form"><button type="reset">Reset Form</button>。這不會刪除所有數據,但會恢復表單的初始狀態。