title: How to Clear values in text box, drop down and checkbox values in asp.net MVC?
body: <p>I am using Asp.net MVC 4 with C#. I am using a Text box, Drop down and checkbox altogether in a page as a search filter. I am using a button clear to clear the values.while clicking clear button I need to clear the value in textbox, show the "select here" on dropdown(My dropdown values are "Select here", "Value1", "Value2") and uncheck the check box. How to write the script function? My coding is below..</p>
  
  <pre><code>     &lt;div class-="container"&gt;
   &lt;div class="row"&gt;
  &lt;div class="col-xs-4 col-md-4"&gt;
  &lt;label&gt;Id&lt;/label&gt;                                                           @Html.TextBoxFor(model =&gt; model.Id, new { @class = "form-control" })
  &lt;/div&gt;
  &lt;div class="col-xs-4 col-md-4"&gt;
  &lt;label&gt;Role&lt;/label&gt;
  @Html.DropDownList("SelectRole", new SelectList(@ViewBag._RViewBag, "Key", "Value", Model.Role), new { @class = "form-control" })
   &lt;/div&gt;
  &lt;div class="col-xs-4 col-md-4"&gt;
  &lt;br /&gt;
  @Html.CheckBoxFor(model =&gt; model.Status)&amp;nbsp;&amp;nbsp;&lt;label style="font-size:large"&gt;  Status&lt;/label&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="col-md-4 btn-top"&gt;
  &lt;a href="#" class="btn btn-suucess btn-block"&gt;Search&lt;/a&gt;&lt;/div&gt;
   &lt;div class="col-md-4 btn-top"&gt;&lt;a onclick="Clear()" class="btn btn-success btn-block"&gt;Clear&lt;/a&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Can Anyone help me write the Clear Function?</p>