title: Apply selected drop down menu value and instantly load it using html
body: <p>I've been trying to load a particular page which should actually be applied already by the value of my drop down menu.
  The value is selected but I think not applied - how am I able to make it work?</p>
  
  <p>I already tried something like this (it's a refresh interval):</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;OPTION VALUE="10"&gt;every 10 seconds&lt;/OPTION&gt;
  &lt;OPTION VALUE="30" SELECTED="SELECTED"&gt;every 30 seconds&lt;/OPTION&gt;
  &lt;OPTION VALUE="60"&gt;every 60 seconds&lt;/OPTION&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>For example: I want the page to be refreshed every 30 seconds (default selected value), so how am I supposed to change it to 30 seconds but still give the user the opportunity to set it to 60 or 10 as well like the user would like to?
  And then applying it automatically by using: </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;META HTTP-EQUIV="Pragma" CONTENT="no-cache"&gt;
  &lt;META HTTP-EQUIV="Expires" CONTENT="-1"&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>But this doesn't work for me unfortunately.</p>