Question

如果使用Select2插件选择了一个选项，我试图进行div节目。

我尝试使用以下代码但不起作用：

    $(document).ready(function() {
  var h = $(".shipment-details--other-description");
  $("#shipment-details-select-pacakage-types").change(function() {
    if (this.checked && this.value == "Other") {
      h.show();
    } else {
      h.hide();
    }
  }).change()
});

如果选择了其他选项，则div正在隐藏但未显示。

使用Select2有不同的方法吗？

修改：忘记提及这是一个多选字段。此外，调整了代码并取出this.checked，就像检查字段一样。

Answer 1

尝试创建一个新的css类，is-hidden {display：none;}

$(document).ready(function() {
  var h = $(".shipment-details--other-description");
  $("#shipment-details-select-pacakage-types").change(function() {
    if (this.checked && this.value == "Other") {
      h.addClass('is-hidden');
    } else {
      h.removeClass('is-hidden');
    }
  }).change()
});

选择2 - 根据选择显示/隐藏div

1 个答案: