Выбрать окно fullscreen jquery bootstrap

Question

Я нашел полноэкранный метод selextbox для мобильных телефонов.

http://craftpip.github.io/bootstrap-fullscreen-select/

Но когда я добавить действие формы на поле выбора и нажмите на выберите опцию всплывающие окна открыты и, прежде чем я выбрать какое-то значение перенаправляет непосредственно к форме действия.

Любая идея, как я могу решить эту проблему?

<link href="http://www.jqueryscript.net/demo/Mobile-First-Fullscreen-Select-Replacement-with-jQuery-Bootstrap/css/bootstrap-fullscreen-select.css" rel="stylesheet" type="text/css"> 
<form action="index.html"> 
    <select class="form-control example-1" > 
    <option value="JavaScript">JavaScript</option> 
    <option value="C++">C++</option> 
    <option value="Swift">Swift</option> 
    <option value="Ruby">Ruby</option> 
    <option value="Python">Python</option> 
</select> 

    </form> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> 
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script> 
<script src="http://www.jqueryscript.net/demo/Mobile-First-Fullscreen-Select-Replacement-with-jQuery-Bootstrap/js/bootstrap-fullscreen-select.js"></script> 
<script> 
$('.example-1').mobileSelect(); 
$('.example-2').mobileSelect({theme: 'holo',style: 'btn-danger'}); 
$('.example-3').mobileSelect({theme: 'mac', animation: 'zoom'}); 
</script> 

Answer 1

Интересно, я никогда не использовал этот плагин, поэтому мне пришлось немного копаться вокруг источника. В любом случае, ваши собственные выборки преобразуются в кнопки. Будут представлены кнопки в формах. Добавьте этот фрагмент в свой собственный файл js.

$(document).ready(function(){ 
    $('.btn-mobileSelect-gen').attr('type', 'button'); 
}); 

Я раздвоенный вашу скрипку здесь - working demo