Question

我正在使用带有C＃的Asp.net MVC 4。我在页面中使用文本框，下拉和复选框作为搜索过滤器。我使用清除按钮清除值。点击清除按钮我需要清除文本框中的值，显示＆＃34;选择此处＆＃34;在下拉列表中（我的下拉值为＆＃34;选择此处＆＃34;，＆＃34;值1和＃34;，＆＃34;值2＆＃34;）并取消选中复选框。如何编写脚本函数？我的编码在下面..

     <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类型的按钮。

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

1 个答案: