bootstrap-selectpicker - 根据选择选择器 Boostrap 中的选项选择选择/取消选择 optgroup

Question

我想根据选项选择来选择选项组。选项组名称为 Class，并且类有两个选项（A 类，B 类）。如果我选择 A 类，B 类然后自动选择选项组。假设如果我取消选择 A 类，则取消选择选项组。

我想使用引导功能的选择器。

我试过但没有得到任何提示。请帮我解决这个问题。

提前致谢。

Answer 1

我在项目的 bootstrap-select.js 中添加了以下行以允许此功能：找到clickListener: function() {并插入

当您单击组标题时，它将起作用

this.$newElement.find('li').on('click', function(e) {
      e.preventDefault();
      console.log('Bootstrap-Select.js - line #1438');
      var base = $(this).closest(".bootstrap-select");
      var select = base.find("select");

      // check if this .dropdown-header is part of bootstrap-select AND multiple or not
      if (base.length && select.prop("multiple")) {

          var group = $(this).data("optgroup") - 1;
          var group2 = group + 1;
          var select = $(this).closest(".bootstrap-select").find("select");

          if ($(this).hasClass("dropdown-header")) {

              if (base.find("li[data-optgroup=" + group2 + "]:not(.selected)").length === 1)
                  $(this).closest(".bootstrap-select").find("select > optgroup:eq(" + group + ") > option").prop("selected", false);
              else
                  $(this).closest(".bootstrap-select").find("select > optgroup:eq(" + group + ") > option").prop("selected", true);

              select.selectpicker('render');
              //select.change();
          }
      }
  });