點擊Bootstrap多選選項

Question

我正在使用引導程序下拉選擇多個選項，我想從下拉選項中獲取當前選擇。

<select class="select_type selectpicker" data-width="30%" id="select_type" multiple="multiple" name="select_type" style="display: none;"><option value="All">All</option> 
     <option value="May">May</option> 
     <option value="June">June</option> 
     <option value="July">July</option> 
     <option value="August">August</option></select> 

我試着以下，但沒有奏效

$("#select_type option").click(function(){ 
    alert($(this).val()); 
}); 

$("#select_type").delegate("click", "option", function() { 
    alert($(this).val()); 
}); 

Answer 1

試試這個：

$("#select_type option").click(function(){ 
    $("#select_type option:selected").each(function(e){ 
     alert($(this).val()); 
    }); 
}); 

它會提醒每個選擇的選項，選項上單擊事件。

Demo

Answer 2

嘗試使用jQuery .change()功能

$("#select_type").change(function(){ 
    alert($(this).val()); 
}); 

演示http://jsfiddle.net/jdL7c9yp/2/

，如果你選擇了兩個選項，如may,june