如何在asp.net MVC中清除文本框中的值，下拉列表和复选框值？

Question

我正在将Asp.net MVC 4与C＃一起使用。 我在页面中使用文本框，下拉列表和复选框作为搜索过滤器。 我正在使用按钮清除来清除值。单击清除按钮时，我需要清除文本框中的值，并在下拉列表中显示“选择此处”（我的下拉值为“选择此处”，“ Value1”，“ Value2”）并取消选中该复选框。 如何编写脚本功能？ 我的编码如下。

     <div class-="container">
 <div class="row">
<div class="col-xs-4 col-md-4">
<label>Id</label>                                                           @Html.TextBoxFor(model => model.Id, new { @class = "form-control" })
</div>
<div class="col-xs-4 col-md-4">
<label>Role</label>
@Html.DropDownList("SelectRole", new SelectList(@ViewBag._RViewBag, "Key", "Value", Model.Role), new { @class = "form-control" })
 </div>
<div class="col-xs-4 col-md-4">
<br />
@Html.CheckBoxFor(model => model.Status)&nbsp;&nbsp;<label style="font-size:large">  Status</label></div>
</div>
</div>

<div class="col-md-4 btn-top">
<a href="#" class="btn btn-suucess btn-block">Search</a></div>
 <div class="col-md-4 btn-top"><a onclick="Clear()" class="btn btn-success btn-block">Clear</a></div>

有人可以帮我编写清除功能吗？

Answer 1

var Clear = function() {
    $('input[type="text"]').val(""); //clears text boxes
    $('input[type="checkbox"]').prop('checked', false); //unchecks checkboxes
    $('select').val("Select here");
}

如果我理解正确，这应该可以满足您的需求。

另外，正如我从第一篇中学到对您的问题进行评论时所讲的那样，如果所有输入均以表格形式显示，则可以将按钮类型reset 。