提交后清空textarea的内容

时间:2013-03-21 10:49:50

标签: javascript jquery asp.net html

我在对话框中有一个评论框(textarea)。如果注释成功保存,我想清除textarea的内容并关闭对话框。 ATM对话框将关闭,但我需要擦除其内容。

<textarea id="CommentBox" type="text" runat="server" rows="7" 
maxlength="2000" /> 

if (CommentSuccessfullyUpdated == "TRUE") 
{
//empty the comment box??
//something like
$("#CommentBox").empty();

//closes the dialog box
$("#dialog").dialog('close');

感谢您的回复


编辑: 谢谢你的帮助。它正在运行代码,但它不起作用。我认为这是为了获取正确的价值并解决我必须使用的招标问题:

 function SubmitButton() {
            var commentBoxData = $('#<%=CommentBox.ClientID%>').val();
           }

当使用断点运行时返回:

function SubmitButton() {
            var commentBoxData = $('#ctl00_ContentPlaceHolder1_CommentBox').val();
}

<textarea name="ctl00$ContentPlaceHolder1$CommentBox" id="ctl00_ContentPlaceHolder1_CommentBox" type="text" rows="7" maxlength="2000"> </textarea> 

所以我猜我在尝试清空时没有引用相同的textarea。 也尝试了

$("#CommentBox.ClientID").val('');

但没有快乐......是什么想法?

3 个答案:

答案 0 :(得分:9)

$('#CommentBox').val('');

使用val()方法,传入一个空字符串。

文档:http://api.jquery.com/val

另外,你的加分是错误的。 textarea不是一个自我关闭的元素。您需要</textarea>标记。并且type="text"不是必需的(可能实际上也没有效果)

根据您的编辑,您可以将.aspx文件顶部的ID设置为静态(我认为它是ClientID="static"

或者您可以使用其他选择器:

$('textarea').filter('[id*=CommentBox]').val('');

答案 1 :(得分:4)

您可以使用val

$("#CommentBox").val('');

http://api.jquery.com/val/

<强>的jsfiddle

http://jsfiddle.net/KhPM6/1/

修改

您没有正确引用ASP.NET生成的文本区域。正如您在问题中所示,您需要引用它:

$('#<%=CommentBox.ClientID%>').val('');

答案 2 :(得分:2)

   $('textarea#CommentBox').val('');