Question

我想从selected移除select属性，如果其兄弟select更改其option。使用普通的jQuery，这段代码正常运行。看到这个小提琴：https://jsfiddle.net/hv0x43em/1/

但是，我也在使用Bootstrap Select。

使用Bootstrap Select，selected属性似乎无法删除。这是我的小提琴和代码：https://jsfiddle.net/L71xtwx3/2/

$(document).ready(function() {
  $(".charts-city").on('change', function(e) {
    var dataOptions = $(this).closest(".form-group").next().find(".charts-data option");
    $(dataOptions).prop("selected", false);
    e.preventDefault();
  });
});

知道如何处理吗？

Answer 1

根据您的jsfiddle演示代码，您将使用错误的类图表 - provinsi而不是图表 - 城市。

这是工作代码

$(document).ready(function() {
    $(".charts-city").on('change', function(e) {
$(".charts-data").val('0');
$(".charts-data").selectpicker("refresh");
    });
});

这是推荐链接 https://silviomoreto.github.io/bootstrap-select/methods/#selectpickerrefresh

这是工作演示https://jsfiddle.net/L71xtwx3/6/

如果更改了另一个选择，则使用Bootstrap Select删除所选属性

1 个答案: