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

选择Picker插件Bootstrap下拉列表无法在手机/平板电脑上运行

1 个答案: