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

Question

我想根据选项选择来选择选项组。选项组名称是类，类有两个选项(A 类，B 类)。如果我选择 A 类，B 类然后自动选择选项组。假设如果我取消选择 A 类，则取消选择选项组。

我想使用 Bootstrap 功能的选择器。

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

提前致谢。

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();
          }
      }
  });