Кнопка для очистки textarea/текстовых полей содержимого

Question

сможет ли кто-нибудь помочь мне с кнопкой для удаления/удаления содержимого всех текстовых полей на форме, пожалуйста?

Я уже попробовал этот подход:

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

а потому прокручиваемые заполняются данными из базы данных при загрузке, то он фактически не делать ничего (если я не хочу, чтобы повторно установить форму обратно в исходное состояние).

Могу ли я сделать это с помощью некоторого кода на вид? Или мне нужно добавить некоторые бит к контроллеру?

Я использую 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> 

Answer 1

Поскольку вы используете JQuery вы можете присвоить все текстовые поля класса, а затем сделать:

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

Это очистить все текстовые поля после загрузки документа.

Answer 2

Вы можете использовать .click события JQuery на кнопке:

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