引导上的多重选择选项

Question

我正在为多个选择选项使用bootstrap下拉菜单，我想从下拉选项中获取当前选择。

<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

尝试使用jQuery .change（）函数

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

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

如果选择了两个选项，则输出may,june像may,june

Answer 2

尝试这个：

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

它将在选项单击事件时提醒每个选定的选项。

演示