title: Select Control Populated from JavaScript Returns Empty Value
body: <p>In my ASP.NET applications, I have a server-side HTML select control.</p>
  
  <pre><code>&lt;select id="CompanyDropDown" runat="server" style="width:330px"&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>I then have a link on my page that runs a JavaScript function that populates this control, and also selects the "current" item. I can see this is working because the list has all the items and the correct one is selected.</p>
  
  <p>However, when the page posts back in response to a button click.</p>
  
  <pre><code>&lt;asp:Button runat="server" ID="btnSaveCompany" Text="Save" 
      onclick="btnSaveCompany_Click" /&gt;
  </code></pre>
  
  <p><code>CompanyDropDown.Value</code> is empty, and it contains no items. Any suggestions on how I can see the selected value on postback?</p>
  
  <p>(Note: I tried using an ASP.NET DropDown control, but that fails postback validation when the control has items that were added after the page was rendered.)</p>