用于清除内容的textarea /文本框的按钮

时间:2012-03-23 15:41:02

标签: c# javascript jquery .net asp.net-mvc

有人可以帮我一个按钮来清除/删除表格上所有textareas的内容吗?

我已经尝试过这种方法:

<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>

2 个答案:

答案 0 :(得分:3)

由于您使用的是JQuery,因此可以将所有文本区域分配为一个类,然后执行:

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

一旦文档加载,这将清除所有文本区域。

答案 1 :(得分:1)

您可以在按钮上使用jQuery的.click事件:

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