title: Reload page after user clicks on combobox (with some rules)
body: <p>I'm new in javascript and need I to reload the current page after user clicks on the options of combobox, but I have some rules. </p>
  
  <p>The two comboboxes:</p>
  
  <pre><code>&lt;select onChange="Refresh(this.value)" name="comboA"&gt;
      &lt;option value="0"&gt;0&lt;/option&gt;
      &lt;option value="1"&gt;1&lt;/option&gt;
  &lt;/select&gt;
  
  &lt;select onChange="Refresh2(this.value)" name="comboB"&gt;
      &lt;option value="2"&gt;2&lt;/option&gt;
      &lt;option value="3"&gt;3&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>Rules:</p>
  
  <ul>
  <li>user clicks on "0" in the first combobox, reload to <a href="http://www.mypage.com?comboA=0" rel="nofollow noreferrer">comboA=0</a>.</li>
  <li>user clicks on "1" in the first combobox, replaces "0" to "1" and reload to <a href="http://www.mypage.com?comboA=1" rel="nofollow noreferrer">comboA=1</a></li>
  <li>user clicks on "2" in the second combobox, concatenate and reload to <a href="http://www.mypage.com?comboA=1&amp;comboB=2" rel="nofollow noreferrer">comboA=1 &amp; comboB=2</a> </li>
  <li>user clicks on "3" in the second combobox, replaces "2" to "3" and reload to <a href="http://www.mypage.com?comboA=1comboB=3" rel="nofollow noreferrer">comboA=1  comboB=3</a></li>
  </ul>
  
  <p>The steps above need to be done in sequence.</p>
  
  <p>How the functions <code>"Refresh"</code> and <code>"Refresh2"</code> should be?</p>
  
  <p>Thanks.</p>