asp.net - Form Method.GET: Only show populated inputs in Query String? -

I am working in an ASP.NET mvc application and I have a data table. I have a form with different inputs to filter the table above the data table.

The form is using the GET method for transferring form data from the server, which works fine, although though I'm the only thing (like the manufacturer's name) I want to filter, all other input parameters are also posted in the query string! Like:

  http: // localhost / mysite / page1? Tab = Pending & SortBy = & SortAscending = False & amp; Manufacturer = Toyota & amp; Model = & amp; RegNumberFilter =   
 As you can see, I only have the creator filled, but everything else is stored! Is there an easy way to clear my URL so that only the filters set are displayed in the query string?  
 My filter form is below:  
  & lt; Div class = "panel-body" & gt; @ (Html) ({@ole = "form", @class = "form-inline"})) {@ Html.Hidden ("tab", model: "indices", "page 1", formmath gate, new { .tab); @ Html.Hidden ("SortBy", Model.SortBy); @html Hidden (= "Creator" & gt; Manufacturer & gt; Manufacturer & lt; / label & quot; div class = "form-group">  div class = " = "Model" & gt; Model & lt; / label & gt; @ Html.DropDownListFor (x = & gt; x.model for "form-group" & gt; label class = "sr-only" Model.model, new {@class = "form-control"}) & lt; / div & gt; & lt; div class = "form-group"> gt; label class = "sr-only" for = "RegNumberFilter" & gt; Reg number & lt; / label & gt; @ Html.TextBoxFor (x = & gt; x.RegNumberFilter, new {@class = "form-control", @placeholder = "Reg no."} ) & Lt; / div & gt; & lt; Div class = "btn-toolbar" role = "toolbar" & gt; input type = "button" class = "btn btn-default" onclick = "clear_form_alments (this.form)" value = "clear filter" /> button type = "submit" class = "btn btn-primary"> Apply & lt; / Button & gt; & Lt; / Div & gt; & Lt ;! - .btn-toolbar - & gt; } & Lt; / Div & gt;   
 Any help would be greatly appreciated.  
 Thank you.   
 
 
 Believing that you are still looking for an answer like this, as I was , I have found a very fast and difficult way to deal with such a case.  
  function submitSearch () {$ ('# tblSearchForm input [type = "text"]'). Each (function () {if (this.value == "") this.remove ();}); $ ('# TblSearchForm select') Each (function () {if (this.selectedOptions.length & gt; 0 & amp; amp; amp; amp; amp;; .selectedOptions [0] .value == "") this.selectedIndex = 1;}); }   
 and the anonymous object of the form that contains html atitudes, just include:  
  onSubmit = "submitSearch ()"  < / Pre> 
 as an additional key / value.  
 It is quick and dirty but does it very well. Perhaps this is better than some sledgehammer "this.remove ()" and I would be happy to use something more suitable if it is out.  
 EDIT: For people providing IE8 compatibility  <.     
     HTML