Bootstrap 5 Bootstrap Select Remod (); не работает ⇐ Jquery

[Anonymous]

Bootstrap-select не работает должным образом, данные вставляются, но удалить не работает должным образом, я использую начальную загрузку 5 и Laravel 12 .
Я использую Bootstrap Select с jQuery, чтобы обновить Динамически, основанный на изменении другого выбора. Код: < /p>


Color
Size
Pattern
Material




< /code>
Проблема: < /p>
Когда я выбираю одну опцию, все работает. Но когда я выбираю еще один (хотя один уже выбран), вместо того, чтобы освежать только с выбранными, он дублирует ранее выбранные параметры, например, это:
Я выбирает «шаблон» → is_filter получает 1 вариант.
затем я выбираю «Color» → is_filter up up с 4 опциями: 2 опционов «и 2». /> Я пытался использовать .empty () и .find ('antain'). Remove (), но ни один из них не очищает старые варианты. Что я делаю не так? < /P>

$('#attribute_id').selectpicker();
$('#attribute_id').on('changed.bs.select', function() {
let attributesSelected = $(this).val();
let attributes = @json($attributes);
let attributeForFilter = [];
attributes.map((attribute) => {
$.each(attributesSelected , function(i,element){
if( attribute.id == element ){
attributeForFilter.push(attribute);
}
});
});
$("#is_filter").find("option").remove();
$("#is_variation").find("option").remove();
attributeForFilter.forEach((element)=>{
let attributeFilterOption = $("" , {
value : element.id,
text : element.name
});
let variationOption = $("" , {
value : element.id,
text : element.name
});
$("#is_filter").append(attributeFilterOption);
$("#is_filter").selectpicker('refresh');
$("#is_variation").append(variationOption);
});
});
$("#is_filter").selectpicker();



Подробнее здесь: https://stackoverflow.com/questions/795 ... ot-working