Javascript/HTML - reload grid data when new dropdownlist item is selected
<p>I have a tabbed grid that is populated with data based on location. The user can select which location to view data for from a dropdownlist. Right now, the location is set to a default value, and I need the grid to refresh and reload the data when they select a new location value (bonus if the user doesn't lose the tab they are currently viewing). So far I've made the page refresh with an onchange event for the dropdownlist, but it simply refreshes and keeps the default value, not the one I've selected (and it also sends me back to the first tab) as I expected it to. I am not very familiar with javascript syntax or capabilities...</p>

<pre><code>    //load drop down
$("#shipToLocation").kendoDropDownList({
    dataTextField: "Fee_Name",
    dataValueField: "Fee_ID",
    dataSource: defaultLocData

  //onchange: here it will find what tab is selected and reload the data based on
  //          Fee_ID.value

  //selectedTabDataSource.transport.options.read.url = "exampleService.svc/GetselectedTabData?feeID=" + $("#shipToLocation").val();
</code></pre>

<p>//selectedTabDataSource.read();
    });</p>

<pre><code>  //set default for initial page load
  //$("#shipToLocation").data('kendoDropDownList').value("Fee_ID".value);
</code></pre>
