Bootstrap-select on click get clicked value

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

示例 ：用户选择项目4 = console.log项目4.然后用户还选择项目2 = console.log项目2.目前我正在获取项目4，项目2 …它们总是在数组中而不是个体。

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

HTML代码：

  2">  Item 1 Item 2 Item 3 Item 4 Item 5 Item 6    

JS代码：

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

当前输出： ["item 1", "item 3", "item 4", "item 5"]

插件站点： bootstrap-select

Answer 1

如bootstrap-select事件中所述，您可以使用changed.bs.select事件。

更改选择的值后将触发此事件。 它通过以下4个参数：

• 事件
• clickedIndex
• NEWVALUE
• 属性oldValue

 $(function () { $("#team").on("changed.bs.select", function(e, clickedIndex, newValue, oldValue) { var selectedD = $(this).find('option').eq(clickedIndex).text(); console.log('selectedD: ' + selectedD + ' newValue: ' + newValue + ' oldValue: ' + oldValue); }); }); 

      
   Item 1 Item 2 Item 3 Item 4 Item 5 Item 6    

Answer 2

或者只是在选项元素上有事件……

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

https://jsfiddle.net/adjavaherian/ssqz4sh8/