0

我正在使用 Bootstrap 下拉菜单，除了我需要它做的最后一件事之外，我已经完成了所有工作。用户将选择 3 个选项中的 1 个，然后单击“开始！”。单击 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 Drop Down 之前，这工作得很好，现在单击 Go! 时什么都没有发生。我需要做些什么才能让它与 Bootstrap 下拉菜单一起工作？

4

0 回答 0