如果更改了另一个 select，则删除 selected 属性，使用 Bootstrap Select

Question

如果 select 的同级 select 更改了 option，我想从 select 中删除 selected 属性。使用普通 jQuery，此代码照常工作。看到这个 fiddle：https://jsfiddle.net/hv0x43em/1/

但是，我也在使用 Bootstrap Select。

使用 Bootstrap Select，selected 属性似乎没有被删除。这是我的 fiddle 和代码：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 演示代码，您使用了错误的 class charts-provinsi 而不是 charts-city。

这是工作代码

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

这是引荐link https://silviomoreto.github.io/bootstrap-select/methods/#selectpickerrefresh

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

如果更改了另一个 select，则删除 selected 属性，使用 Bootstrap Select

Remove selected attribute if another select is changed, with Bootstrap Select

jquery

twitter-bootstrap

bootstrap-select