如何使用jquery清除文本框（使用ConfirmButtonExtender）？

Question

我在下面提到了我的代码，问题是我无法清除textbox。请注意我的javascript代码清除文本框并发出错误？

<script type="text/javascript">
 function CancelClick() {
     document.getElementById("<%=txtname.ClientID %>").innerHTML =txtname.Text='';
 }
</script>
<asp:UpdatePanel ID="updatepanel1" runat="server"><ContentTemplate>
<div>
<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
</asp:ToolkitScriptManager>
<asp:UpdatePanel ID="updatepanel2" runat="server">   
</asp:UpdatePanel>     
<asp:Button ID="btnConfirm" runat="server" Text="Confirm" onclick="btnConfirm_Click" />
<asp:ConfirmButtonExtender ID="ConfirmButtonExtender1" TargetControlID    ="btnConfirm" 
ConfirmText ="Are you sure you want to click this?" OnClientCancel ="CancelClick" 
ConfirmOnFormSubmit="false"  runat="server">
</asp:ConfirmButtonExtender>
<asp:TextBox ID="txtname" runat="server"></asp:TextBox>
</div>
</ContentTemplate>
</asp:UpdatePanel>

Answer 1

使用jQuery（如你所要求的）

<script type="text/javascript">
 function CancelClick() {
     $("#<%=txtname.ClientID %>").val("");
 }
</script>

Answer 2

您需要设置value而不是innerHtml：

document.getElementById("<%=txtname.ClientID %>").value = '';

Answer 3

<script type="text/javascript">
 function CancelClick() {
     var textBoxId = '<%= #txtname.ClientID %>';
     $(textBoxId).val('');
 }
</script>