Question

我正在使用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 Drop Down？

通过Bootstrap Drop Down获取选择并转到页面

0 个答案: