Bootstrap multi select option on click

Question

Я использую bootstrap drop down для множественного выбора, я хочу получить текущий выбор из раскрывающегося списка.

<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