javascript - Bootstrap Drop Down で選択してページに移動

Question

私は Bootstrap ドロップダウンで作業しており、必要な最後の作業を除いてすべてが機能しています。ユーザーは 3 つのオプションから 1 つを選択し、[Go!] をクリックします。[go] をクリックすると、ユーザーの選択内容がチェックされ、正しいページにリダイレクトされます。

これが私がJavaScriptで持っていたものです。

function gotopg() {

  var s = document.getElementById('selection');
  var selection = s.options[s.selectedIndex].value;

  if (selection == 1) {
    window.location.href = 'OptionOne.html';
  }
  else if (selection == 2) {
    window.location.href = 'OptionTwo.html';
  }
  else if (selection == 3) {
    window.location.href = 'OptionThree.html';
  }
}

そして、ここにHTMLがあります

<div>
  <select class="selectpicker" title='Choose your form...' id="selection" onChange="changed()" autofocus>
    <option style="text-align: left;">OptionOne</option>
    <option style="text-align: left;">OptionTwo</option>
    <option style="text-align: left;">OptionThree</option>
  </select>
  <script type="text/javascript">
    $(document).ready(function(e) {
      $('.selectpicker').selectpicker();
    });
  </script>
</div>

<br>
<br>
<button id="go" onClick="gotopg()" disabled="disabled" style="font-size: 20px;">Go!</button>

これは、Bootstrap ドロップダウンに追加する前は問題なく機能していましたが、[Go!] をクリックしても何も起こりません。Bootstrap ドロップダウンでこれを機能させるにはどうすればよいですか?