title: How to add multiple dropdown form with submit button combine value and go to url
body: <p>I want the submit button to act on the combined values in the two didferent dropwdown menu's in the form.</p>
  
  <p>For example... west and winter is a different URL then west and summer</p>
  
  <p>I'm struggeling for days to make this work. I feel some how this must be possible. Please help!</p>
  
  <p>This is the code I use. When I replace the value to a URL. The URL will be loaded on submit (go). I want the values of the first dropdown and second dropdown to be counted and the result should be a URL on submit. Finaly there should be 16 different URLs.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(document).ready(function () {
  $(".go-btn").click(function () {
  location = $("#selection option:selected").val();
  });
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="selCont"&gt;
  &lt;h2&gt;pick an option&lt;/h2&gt;
  
  &lt;select id="selection" name="selection"&gt;
  &lt;option value="1"&gt;West&lt;/option&gt;
  &lt;option value="2"&gt;East&lt;/option&gt;
  &lt;option value="3"&gt;North&lt;/option&gt;
  &lt;option value="4"&gt;South&lt;/option&gt;
  &lt;/select&gt;
  
  &lt;select id="selection" name="selection"&gt;
  &lt;option value="1"&gt;Winter&lt;/option&gt;
  &lt;option value="2"&gt;Spring&lt;/option&gt;
  &lt;option value="3"&gt;Summer&lt;/option&gt;
  &lt;option value="4"&gt;Fall&lt;/option&gt;
  
  &lt;/select&gt;
  &lt;button class="go-btn" type="submit"&gt;Go&lt;/button&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>