C# 按钮以清除文本区域/文本框中的内容

有人能帮我用一个按钮来清除/删除表单上所有文本区域的内容吗

我已经尝试过这种方法：

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

但是，由于textareas在加载时由数据库中的数据填充，因此它实际上什么都不做（除非我想将表单重新设置回原始状态）

我可以用视图上的一些代码来执行此操作吗？或者我也需要向控制器添加一些位

我使用的是ASP.Net MVC Razor C#Microsoft Visual Web Developer 2010 Express

查看页面的代码如下所示：

@model DFAccountancy.Models.Data

@{
    ViewBag.Title = "Update";
}



<h2>Update</h2>

<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript">    </script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")"     type="text/javascript"></script>

<script type="text/javascript">
    $(function () { $("test").click(function () { $("textArea").val(""); }); });
</script>

@using (Html.BeginForm()) {
@Html.ValidationSummary(true)
<fieldset>
    <legend>Data</legend>

    <div class="editor-label">
        @Html.LabelFor(model => model.para1)
    </div>
    <div class="editor-field">
        @Html.TextAreaFor(model => model.para1, new { cols = 75, @rows = 5 })
        @Html.ValidationMessageFor(model => model.para1)
    </div>

    <div class="editor-label">
        @Html.LabelFor(model => model.para2)
    </div>
    <div class="editor-field">
        @Html.TextAreaFor(model => model.para2, new { cols = 75, @rows = 5 })
        @Html.ValidationMessageFor(model => model.para2)
    </div>

    <p>
        <input type="submit" value="Update" />
    </p>
    <p>
        <input type="reset" value="Re-Start" />
    </p>
    <p>
        <input id="test" type="button" />
    </p>

</fieldset>
}

<div>
    @Html.ActionLink("Back to List", "Index")
</div>

@model dfaccounting.Models.Data
@{
ViewBag.Title=“更新”；
}
使现代化
$（函数（）{$（“测试”）。单击（函数（）{$（“文本区域”）.val（“”；}）；}）；
@使用（Html.BeginForm（））{
@Html.ValidationSummary（true）
数据
@LabelFor（model=>model.para1）
@TextAreaFor（model=>model.para1，new{cols=75，@rows=5}）
@Html.ValidationMessageFor（model=>model.para1）
@LabelFor（model=>model.para2）
@TextAreaFor（model=>model.para2，new{cols=75，@rows=5}）
@Html.ValidationMessageFor（model=>model.para2）






}
@ActionLink（“返回列表”、“索引”）

由于使用JQuery，您可以将所有文本区域分配给一个类，然后执行以下操作：

$(function () {
   $(".textArea").text('');
}

---

这将在加载文档后清除所有文本区域

由于使用JQuery，您可以将所有文本区域分配给一个类，然后执行以下操作：

$(function () {
   $(".textArea").text('');
}

---

这将在加载文档后清除所有文本区域

您可以使用jQuery。单击按钮上的事件：

 $(function () {
   $("#YourButtonID").click(function(){
      $("textArea").val("");
   });
 });

---

您可以使用jQuery。单击按钮上的事件：

 $(function () {
   $("#YourButtonID").click(function(){
      $("textArea").val("");
   });
 });

---

---

你考虑过javascript方法吗？你考虑过javascript方法吗？我认为jQuery也有一个文本框的伪选择器，比如$（“：text”）.text（“”）；不过，我不知道如何组合它们。谢谢Darren，但我需要文本区域来加载内容，那么编辑文本区域中的数据的人只需单击一个按钮就可以快速清除表单中的所有数据。$（“#btnYourButton”）。单击（function（）{$（“.textArea”）。text（“”）；}再次感谢Darren，抱歉，但我现在对这一切一无所知。上面的代码放在哪里，我可以进行测试？您的视图中应该有一个部分或JavaScript的外部引用：只需将其添加到视图底部：$（“#btnYourButton”）。单击（function（）{$（“.textArea”）。text（“”）；}我认为jQuery也有一个文本框的伪选择器，类似于$（“：text”）.text（“”）；但不知道如何组合。谢谢Darren，但我需要文本区域与内容一起加载，那么编辑文本区域中数据的人是否应该简单地单击一个按钮即可快速清除表单中的所有数据。$（“#btnYourButton”）。单击（function（）{$（“.textArea”）。text（“”）；}再次感谢Darren，抱歉，但我现在对这一切一无所知。上面的代码放在哪里，我可以进行测试？您的视图中应该有一个部分或JavaScript的外部引用：只需将其添加到视图底部：$（“#btnYourButton”）。单击（function（）{$（“.textArea”）。text（“”）；}谢谢你，Duncan，为我的无知道歉，但我对这一切都很陌生。这段代码应该进入查看页面吗？是的，你可以将它像$（function（）{$（“#yourbutonid”）。单击（function（）{$（（“textArea”）.val（“；”）；}），但将其放在.js文件中会更好Hanks Duncan，我如何从按钮调用它？否@Harry，$（“#YourButtonID”）。单击（function（）{$（“textArea”）.val（“”；）；已经是一个按钮单击侦听器，因此您只需为您的按钮分配一个您想要的ID，并将其作为jquery的选择器。例如，您的按钮是，您的单击侦听器应该是$（“#clearBTN”）。单击（function（）{$（（“textArea”）.val（“”；}）；注意，我将.click侦听器包装在$（function（）{[您的代码]}）中，包装器意味着您的代码将在DOM准备就绪时初始化。感谢Duncan，对您的无知表示歉意，但我对这一切都很陌生。此代码是否应进入查看页面？是的，您可以将其放置在您的查看页面中，如$（function（）{$（“#yourbuttonnid”）。单击（function（）{$（（“textArea”）.val（“”；；；}），但将其放在.js文件中会更好Hanks Duncan，我如何从按钮调用它？否@Harry，$（“#YourButtonID”）。单击（function（）{$（“textArea”）.val（“”；）；已经是一个按钮单击侦听器，因此您只需为您的按钮分配一个您想要的ID，并将其作为jquery的选择器。例如，您的按钮是，您的单击侦听器应该是$（“#clearBTN”）。单击（function（）{$（（“textArea”）.val（“”；}）；注意，我将.click侦听器包装在$（function（）{[您的代码]}）中，包装器意味着您的代码将在DOM就绪时初始化。