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

【问题标题】：How to Clear values in text box, drop down and checkbox values in asp.net MVC?如何在 asp.net MVC 中清除文本框、下拉列表和复选框值中的值？
【发布时间】：2017-06-23 06:15:13
【问题描述】：

我正在使用带有 C# 的 Asp.net MVC 4。我在页面中完全使用文本框、下拉菜单和复选框作为搜索过滤器。我正在使用清除按钮清除值。单击清除按钮时，我需要清除文本框中的值，在下拉列表中显示“选择此处”（我的下拉值是“选择此处”，“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>

谁能帮我写清除函数？

【问题讨论】：

简单的方法是把字段放在form里面并添加一个buttonof type reset
多年来我一直是一名网络开发人员。这是我第一次听说reset 类型。脑洞大开。此外，您应该创建一个答案，而不是评论，因为您的评论似乎直接回答了他的问题。
如果你还没有听说过重置，那么你不是一个好的开发者:)
虽然我非常感谢你的侮辱，但重置表单从来都不是我做的事情的优先事项。
我也不知道，好点

标签： javascript c# jquery asp.net-mvc-4

【解决方案1】：

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

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

另外，正如我刚从第一个评论您的问题中得知的那样，如果您的所有输入都在一个表单中，您可以拥有一个 reset 类型的按钮。

【讨论】：

先生，我的下拉菜单中已经包含“在此处选择”文本。所以我需要在函数内对这些文本进行硬编码，或者使用其他任何选项来显示其第一个索引？
另外，我声明了 onclick = Clear() ；这样我可以将其编写为函数或声明为 var 吗？如果变量意味着，在哪里调用那个？
我一直处理在选择中设置默认选项的方式是在 html 中将该选项的值设置为 "" (value="")，然后您可以将其值设置为jquery by $('select').val("")
您可以使用var Cear = function() 或function Clear()。出于您的目的，它们的工作方式相同。
先生，您的编码适用于下拉和复选框，但对于文本框不起作用先生...