jquery - 如何找到canJs中bootstrap的selectpicker插件选择了哪个选项？

Question

我正在使用bootstrap的selectpicker插件。现在我想找到最后选择或取消选择哪个选项。

<select class="selectpicker selection-criteria" multiple>
  <option value="0" selected>Mustard</option>
  <option value="1" selected>Ketchup</option>
  <option value="2" selected>Relish</option>
</select>

现在，当选择或取消选择任何选项时，即使在canJs中，我也无法触发任何操作。但我可以在整个选择器上触发事件。

 ".selection-criteria change": function(el,ev){
    val colNames = $(el).val() // it returns all the selection options value
}

但是我可以在 selectpicker 的选项单击上触发任何事件吗？当任何选项更改时，我将获得该选项并知道它现在被选择或取消选择？我可以在 canJs 中这样做吗？

编辑:如果我选择或取消选择选项 0，那么我想获取该元素，即

<option value="0" selected>Mustard</option>

根据现在选择还是取消选择，我将隐藏一些div。

Answer 1

这将为您提供使用 jQuery 进行更改的所有选定选项。

$('.selectpicker').change(function () {
    var selectedText = $(this).find("option:selected").text();

    alert(selectedText);
});

如果您想要最后选择的值，您可以将它们推送到数组并获取最新的 ID。 (引用:how to get the clicked option in bootstrap selectpicker?)

https://jsfiddle.net/96stvL6f/