javascript - Make URL start select dropdown -

i have 2 select box (dropdown) , need create url starting these dropdowns. example:

<form name="states_cities"> <select name="states"> <option value="ac">acre</option> <option value="rj">rio de janeiro</option> <option value="sp">são paulo</option> <option value="to">tocantis</option> </select>  <!-- cities of "rio de janeiro" --> <select name="cities">  <option value="queimados">queimados</option> <option value="volta-redonda">volta redonda</option> <option value="nova-iguacu">nova iguaçú</option> </select>  <button type="submit" value="go"> </form> 

and need make url example:

http://valuestate.valuecity.domain.com or http://rj.queimados.domain.com

when user clicks go!

what better way this?

to selected options should use jquery :selected selector way:

$('#go').on('click', function(){      var city = $('#cities option:selected').text();      var state = $('#states option:selected').text();      var newlocation = 'http://' + state + '.' + city + '.domain.com';      // window.location = newlocation;      alert(newlocation);  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>  <select name="states" id="states">      <option value="ac">acre</option>      <option value="rj">rio de janeiro</option>      <option value="sp">são paulo</option>      <option value="to">tocantis</option>  </select>    <!-- cities of "rio de janeiro" -->  <select name="cities" id="cities">       <option value="queimados">queimados</option>      <option value="volta-redonda">volta redonda</option>      <option value="nova-iguacu">nova iguaçú</option>  </select>    <button type="submit" id="go">go</button>