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());
});

demo http://jsfiddle.net/jdL7c9yp/2/

如果您选择了两个选项，请输出may,june

Answer 2

试试这个：

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

它会在选项点击事件中提醒每个选定的选项。

Demo

单击Bootstrap多选选项

2 个答案: