title: document cookie to remember dropdown selected
body: <p>How do I use document cookie function to make browser remember the user selected dropdown after the page is refreshed? On change of selection, the browser refreshes itself with extra parameter added to the URL but restores the default dropdown option instead of user selected one..</p>
  
  <pre><code>&lt;select id="MyDropDown" onchange="document.cookie=this.selectedIndex; window.open(this.options[this.selectedIndex].value,'_top')"&gt;
      &lt;option value="http://mysite.com/default1.aspx?alpha=A"&gt;A&lt;/option&gt;
        &lt;option value="http://mysite.com/default1.aspx?alpha=B"&gt;B&lt;/option&gt;
        &lt;option value="http://mysite.com/default1.aspx?alpha=C"&gt;C&lt;/option&gt;
      &lt;/select&gt;
  </code></pre>