PostBack is happening even if we applied unobtrusive-ajax.js in cshtml page

See more:

MVC

Hi All,
In our page view we have two Dropdown and one Grid(in the form of a table).when we changed any value from second dropdown,the data should be change in the grid.Here we want to post back only the potion of Grid(SearchResult) instead of full postback the page.So that we are loosing the selected value from both Dropdownlist

Here is the code we applied

@using (Ajax.BeginForm("Uploadpayroll", "Payrolls", new AjaxOptions() { UpdateTargetId = "SearchResult" }, new { enctype = "multipart/form-data", id = "form0" }))
   {

                                             <select id="ddClient" name="centre_id" onchange="form0.submit();" class="input-large">
                                           <option value="0">-Select-</option>
                                       </select>
                                   </td>

<div class="row-fluid">
           <div class="span12 well">
               <table id="SearchResult" class="table table-striped table-bordered table-condensed mGrid">

-------