javascript - 选择选择器插件 Bootstrap 下拉列表不适用于手机/平板电脑

Question

我的网站上有用于 bootstrap ( http://silviomoreto.github.io/bootstrap-select/ ) 的选择器插件。

每个下拉选项都是一个指向不同 Twitter 页面的链接，如下所示:

<select class="selectpicker" data-width="100%" name="venue" id="venue" onchange="location = this.options[this.selectedIndex].value;">
     <option value="None Selected">Choose your twitter profile</option>
     <option value="https://twitter.com/LVPLShooters">Liverpool</option>
     <option value="https://twitter.com/LeedsShooters">Leeds</option>
     <option value="https://twitter.com/MancShooters">Manchester</option>
</select>

$('.selectpicker').selectpicker();

它在笔记本电脑和计算机上 100% 运行。但当我使用平板电脑或手机时，链接不起作用。有谁知道为什么要这样做吗？

Answer 1

将 location = this.options[this.selectedIndex].value; 替换为 window.location = this.options[this.selectedIndex].value; 并尝试

或者使用 jQuery 如下:

$('.selectpicker').change(function() {
    window.location = $(this).val();
});

<强> jsFiddle