title: Make URL start select dropdown
body: <p>I have two select box (dropdown) and I need to create a url starting these dropdowns. example:</p>
  
  <pre><code>&lt;form name="states_cities"&gt;
  &lt;select name="states"&gt;
  &lt;option value="ac"&gt;Acre&lt;/option&gt;
  &lt;option value="rj"&gt;Rio de Janeiro&lt;/option&gt;
  &lt;option value="sp"&gt;São Paulo&lt;/option&gt;
  &lt;option value="to"&gt;Tocantis&lt;/option&gt;
  &lt;/select&gt;
  
  &lt;!-- cities of "Rio de Janeiro" --&gt;
  &lt;select name="cities"&gt; 
  &lt;option value="queimados"&gt;Queimados&lt;/option&gt;
  &lt;option value="volta-redonda"&gt;Volta Redonda&lt;/option&gt;
  &lt;option value="nova-iguacu"&gt;Nova Iguaçú&lt;/option&gt;
  &lt;/select&gt;
  
  &lt;button type="submit" value="Go"&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>And i need make this url example: </p>
  
  <p><a href="http://ValueState.ValueCity.domain.com" rel="nofollow">http://ValueState.ValueCity.domain.com</a> or
  <a href="http://rj.queimados.domain.com" rel="nofollow">http://rj.queimados.domain.com</a></p>
  
  <p>when the user clicks GO!</p>
  
  <p>what better way to do this?</p>