title: Keep selected value of drop down list after page refresh
body: <p>I have a button to filter a list based on the selections from several drop-down values. However I am running into an issue whereby once the button is clicked, the page refreshes and the drop-down values are reset to the default. How could I ensure that after the refresh, the selected values persist on the drop-down?</p>
  
  <pre><code>&lt;div&gt;&lt;select&gt;
    &lt;option value="volvo"&gt;Volvo&lt;/option&gt;
    &lt;option value="saab"&gt;Saab&lt;/option&gt;
    &lt;option value="mercedes"&gt;Mercedes&lt;/option&gt;
    &lt;option value="audi"&gt;Audi&lt;/option&gt;
    &lt;/select&gt;
  
     &lt;select&gt;
      &lt;option value="ford"&gt;ford&lt;/option&gt;
      &lt;option value="chevy"&gt;Chevy&lt;/option&gt;
      &lt;option value="ram"&gt;Ram&lt;/option&gt;
      &lt;option value="jeep"&gt;Jeep&lt;/option&gt;
     &lt;/select&gt;
  
     &lt;button id="button" onclick="filterMyList()"&gt;Filter&lt;/button&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>Any suggestions on how this could be handled? Thanks.</p>