Javascript 引导单击选择获取单击值

我正在使用jQuery插件：bootstrap select.js我的HTML是select（multiple）->选项。我想在用户选择或取消选择选项时获取当前单击的选项值

示例：用户选择项4=console.log项4。然后，用户还选择项2=console.log项2。目前我得到了第4项，第2项。。。它们总是在一个数组中，而不是单个的

我的最终目标是根据用户选择的内容在页面上显示和隐藏div。将有多个选择选项字段

HTML代码：

<fieldset class="dreamT">
   <select name="team" id="team" multiple class="dropdown selectpicker show-menu-arrow show-tick form-control" title="Pelaajat" data-width="100%" data-size="auto" multiple data-selected-text-format="count > 2">
    <optgroup>
        <option value="item 1">Item 1</option>
        <option value="item 2">Item 2</option>
        <option value="item 3">Item 3</option>
        <option value="item 4">Item 4</option>
        <option value="item 5">Item 5</option>
        <option disabled value="item 6">Item 6</option>
    </optgroup>
   </select>
</fieldset>

$("select#team").on("change", function(value){
   var This      = $(this);
   var selectedD = $(this).val();
   console.log(selectedD);
});

当前输出：

[“项目1”、“项目3”、“项目4”、“项目5”]

---

插件站点：

或仅在选项元素上设置事件

$("option").on("click", function(value){
        var This = $(this);
        var selectedD = $(this).val();
        console.log(selectedD);
});

如中所述，您可以使用更改的.bs。选择事件

更改select的值后激发此事件。它通过以下4个参数：

• 事件
• 单击索引
• 当选
• 先前值

$（函数（）{
$（“#团队”）。选择选择器（）；
$（“#团队”）。在（“changed.bs.select”函数上（e，clickedIndex，isSelected，oldValue）{
如果（单击索引==null&&isSelected==null）{
var selectedItems=（$（this）.selectpicker（'val'）| |[]）.length；
var allItems=$（this）.find（'option:not（[disabled]））.length；
如果（selectedItems==allItems）{
console.log（'selected all'）；
}否则{
console.log（“全部删除”）；
}
}否则{
var selectedD=$（this.find（'option'）.eq（clickedIndex.text（）；
log（'selectedD:'+selectedD+'oldValue:'+oldValue'）；
}
});
});

项目1
项目2
项目3
项目4
项目5
项目6
试试这个：

console.log(("#your-id option:selected").text());

参考：
您是否尝试过
$（“选择团队”）。在（“单击”，函数（事件，值）
？@Osuwariboy否？你的意思是什么？我将如何实现？：d这不适用于插件。不知何故，它不会返回任何内容。我不知道为什么，但如果我使用“单击”，它不会执行任何操作。这是因为“单击”不会发生在选项上，而是发生在表示它不适用于“全选/取消全选”选项（数据操作框）的范围上=“true”）然后单击dex、newValue和null:（@PavelNovák抱歉，这是一个旧答案，插件已更新。代码段已更新。