JQuery Bootstrap selectpicker show optgroup

失神

这是演示

  <select class="selectpicker" multiple name="selectpickerdemo"
      id="selectpickerdemo"> 
    <optgroup label="Label 1">
      <option value='a'>a</option>
      <option value='b'>b</option>
    </optgroup>
    <optgroup label="Label 2">
      <option value='c'>c</option>
      <option value='d'>d</option>
    </optgroup> 
  </select>

当我使用 selectpicker 并选择一个或多个选项时,它显示喜欢a,ba,c,d我想显示喜欢Label1-a,bLabel1-a,Label2-c,d

谢谢你的帮助!

尼古拉

试试这个...

$(document).on('change', '.selectpicker', function() {
  var SelectedValues = [];
  $(this).find('optgroup').each(function() {
    var OptionGroupSelected = [];
    $(this).find('option').each(function() {
      if ($(this).prop('selected')) {
        OptionGroupSelected.push($(this).val());
      }
    });
    if (OptionGroupSelected.length > 0) {
      var Label = $(this).attr('label').replace(' ', '');
      SelectedValues.push(Label + '-' + OptionGroupSelected.join(','));
    }
  });
  console.log(SelectedValues);
});

这是小提琴

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

jQuery Bootstrap MultiSelect OptGroup选择

来自分类Dev

使用jQuery在Bootstrap的SelectPicker中搜索文本

来自分类Dev

jQuery Bootstrap Selectpicker根据先前的列表选择刷新列表

来自分类Dev

在Bootstrap selectpicker上使用jQuery取消选择选项

来自分类Dev

Bootstrap Selectpicker问题

来自分类Dev

jQuery jTable optgroup

来自分类Dev

我如何在jQuery bootstrap multiselect中更改更改时禁用optgroup

来自分类Dev

jQuery设置optgroup选择值

来自分类Dev

使用bootstrap selectpicker的Knockout.JS

来自分类Dev

如何从Bootstrap多个selectpicker获取选定的值?

来自分类Dev

从Bootstrap 3 selectpicker获取选定的值

来自分类Dev

Bootstrap Selectpicker无法在Blogger上运行

来自分类Dev

淘汰赛3.4选择bootstrap selectpicker

来自分类Dev

jQuery selectpicker从选择框默认选择的值

来自分类Dev

jQuery选择特定的optgroup并删除选项

来自分类Dev

选择选择-使用jQuery过滤<optgroup>

来自分类Dev

Bootstrap Selectpicker不会使用内置功能重置

来自分类Dev

Bootstrap selectpicker“数据子文本”不会更新实时更改

来自分类Dev

Bootstrap SelectPicker在初始化时复制选择列表

来自分类Dev

如何更改bootstrap 4 selectpicker的默认下拉颜色?

来自分类Dev

Bootstrap Selectpicker 多选在提交后不保留选择

来自分类Dev

在Bootstrap data-show-columns上触发jQuery事件

来自分类Dev

TypeError: $(...).selectpicker 不是具有多个 jQuery 的函数

来自分类Dev

Wordpress插件的Bootstrap / bootstrap-select问题。(TypeError:$(...)。selectpicker不是一个函数)

来自分类Dev

使用jQuery将optgroup添加到现有选择

来自分类Dev

jQuery select2在选择时显示optgroup标签

来自分类Dev

jQuery multiselect-切换隐藏optgroup问题

来自分类Dev

如何使用jQuery添加选项及其optgroup?

来自分类Dev

如何在jquery中添加选择optgroup的选项?

Related 相关文章

  1. 1

    jQuery Bootstrap MultiSelect OptGroup选择

  2. 2

    使用jQuery在Bootstrap的SelectPicker中搜索文本

  3. 3

    jQuery Bootstrap Selectpicker根据先前的列表选择刷新列表

  4. 4

    在Bootstrap selectpicker上使用jQuery取消选择选项

  5. 5

    Bootstrap Selectpicker问题

  6. 6

    jQuery jTable optgroup

  7. 7

    我如何在jQuery bootstrap multiselect中更改更改时禁用optgroup

  8. 8

    jQuery设置optgroup选择值

  9. 9

    使用bootstrap selectpicker的Knockout.JS

  10. 10

    如何从Bootstrap多个selectpicker获取选定的值?

  11. 11

    从Bootstrap 3 selectpicker获取选定的值

  12. 12

    Bootstrap Selectpicker无法在Blogger上运行

  13. 13

    淘汰赛3.4选择bootstrap selectpicker

  14. 14

    jQuery selectpicker从选择框默认选择的值

  15. 15

    jQuery选择特定的optgroup并删除选项

  16. 16

    选择选择-使用jQuery过滤<optgroup>

  17. 17

    Bootstrap Selectpicker不会使用内置功能重置

  18. 18

    Bootstrap selectpicker“数据子文本”不会更新实时更改

  19. 19

    Bootstrap SelectPicker在初始化时复制选择列表

  20. 20

    如何更改bootstrap 4 selectpicker的默认下拉颜色?

  21. 21

    Bootstrap Selectpicker 多选在提交后不保留选择

  22. 22

    在Bootstrap data-show-columns上触发jQuery事件

  23. 23

    TypeError: $(...).selectpicker 不是具有多个 jQuery 的函数

  24. 24

    Wordpress插件的Bootstrap / bootstrap-select问题。(TypeError:$(...)。selectpicker不是一个函数)

  25. 25

    使用jQuery将optgroup添加到现有选择

  26. 26

    jQuery select2在选择时显示optgroup标签

  27. 27

    jQuery multiselect-切换隐藏optgroup问题

  28. 28

    如何使用jQuery添加选项及其optgroup?

  29. 29

    如何在jquery中添加选择optgroup的选项?

热门标签

归档