javascript - URLを生成するフォームを作成する方法

Question

サイトに URL を生成するためのフォームがあり、うまく機能しますが、適切に使用するにはページ全体が読み込まれるまで待つ必要があります。 window.onload を使用し、$(document ）代わりに準備ができていますが、交換できませんでした。助けてくれる人が必要です

<script type='text/javascript'>
   window.onload = function() {
   document.forms['filterform'].onsubmit = filterLoad;
};

function filterLoad() {
  var url,
      colourSel = this.elements['department'],
      shapeSel = this.elements['country'];

  url = ( colourSel.options[colourSel.selectedIndex].value ) + ( shapeSel.options[shapeSel.selectedIndex].value ); 
 window.location.href = url;
 return false;
}

</script>




<form   id="searchform" name="filterform">
   <select class="chosen" name="department" id="searchfield" >
      <option value="http://www.mysite.com/">choise 1</option>
      <option value="http://www.mysite.com/">choise 1</option>
   </select>

   <select class="chosen" name="country" id="choose">
      <option value="?qatar=show&action=Filter">qatar</option>
      <option value="?ksa=show&action=Filter">ksa</option>
   </select>

   <label for="search"><button  class="submit" onclick="filterLoad()"  /></button></label>

</form>