如何使Bootstrap Select2下拉菜單轉到點擊選定的網址？

Question

我使用的是Select2（https://select2.github.io），我試圖讓它直接轉到特定的URL而不是將它用作表單。因此，如果有人點擊阿拉巴馬州，它會去alabama.com，如果有人點擊懷俄明然後wyoming.com等

的形式是非常基本的，如：

<form> 
    <select class="js-example-basic-single"> 
     <option value="AL">Alabama</option> 
     <option value="WY">Wyoming</option> 
    </select> 
</form> 

開始與

$('.js-example-basic-single').select2({ 
    minimumResultsForSearch: -1 
}); 

我搜索了一個onclick方法，但似乎沒有一個。我在這裏有一個小提琴：http://jsfiddle.net/Lbwcffcm/1/

有沒有人設法使此工作？

Answer 1

Select2有自定義事件，其中一個被稱爲select2:select。

select2:select在選擇結果時觸發。

$('.js-example-basic-single').select2({ 
    minimumResultsForSearch: -1 
}).on('select2:select', function(){ 
    switch($(this).val()) 
    { 
     case 'AL': 
      location.href = 'http://www.alabama.com'; 
      break; 
     case 'WY': 
      location.href = 'http://www.wyoming.com'; 
      break; 
    } 
});