title: Update Dropdown List from Code Behind Using Javascript / JQuery
body: <p>I have an application with two sections.  </p>
  
  <p>The top section has a <code>dropdownlist</code> that displays all the members in the <code>database</code> using a code behind method on called on <code>page load</code>. </p>
  
  <p>The bottom section has a grid where you can <code>add / delete / edit</code> members using <code>JQuery</code>.
  A change in this section obviously does not rebuild the dropdownlist in the top section.</p>
  
  <p>I want to run some code in the <code>JQuery</code> success method that <code>updates/rebuilds</code> the <code>dropdownlist</code> to reflect the newest change to a member.  I would like if possible to use the same code behind method that hits the db on <code>page_load</code> to <code>populate</code> the dropdown.</p>
  
  <p>Is this possible?  If so, how would I go about accomplishing this?</p>
  
  <p>Any help would be greatly appreciated.</p>
  
  <p><strong>[Requested Code]</strong><br>
  .aspx file  </p>
  
  <pre><code>&lt;asp:DropDownList ID="director" runat="server"&gt;&lt;/asp:DropDownList&gt; 
   jQuery success() fired on add/delete/update member grid.
  </code></pre>
  
  <p>.aspx.cs (code behind)</p>
  
  <pre><code>private void LoadDirectorOptions(int deptId)  
  {
              var memberRepo = new MemberRepository();  
              List&lt;Member&gt; members = memberRepo.GetMembers(deptId);
  
              director.DataSource = members;
              director.DataTextField = "FullName";
              director.DataValueField = "Id";
              director.DataBind();
              director.Items.Insert(0, new ListItem("&lt;Please Select&gt;", "0")); 
  
  }
  </code></pre>