javascript - Select Picker plugin Bootstrap dropdown not working on mobiles/tablets -

i have select picker plugin bootstrap (http://silviomoreto.github.io/bootstrap-select/) working on website.

each dropdown option link different twitter page so:

<select class="selectpicker" data-width="100%" name="venue" id="venue" onchange="location = this.options[this.selectedindex].value;">      <option value="none selected">choose 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(); 

it works 100% on laptops , computers. when use tablet or phone links dont work. has got ideas on why doing this?

replace location = this.options[this.selectedindex].value; window.location = this.options[this.selectedindex].value; , try

or use jquery below:

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

jsfiddle