Bootstrap 5 Bootstrap wählen Sie REMET (); nicht funktionieren ⇐ Jquery

[Anonymous]

Der Bootstrap-Select funktioniert nicht ordnungsgemäß, Daten werden eingefügt, aber entfernen funktioniert nicht ordnungsgemäß. Ich verwende Bootstrap 5 und Laravel 12 . Code: < /p>

Code: Select all

Color
Size
Pattern
Material




< /code>
Problem: < /p>
Wenn ich eine Option auswähle, funktioniert alles. Aber wenn ich eine andere auswähle (während einer bereits ausgewählt ist), anstatt nur mit den ausgewählten zu erfrischen, duplikiert es die zuvor ausgewählten Optionen wie folgt: 
Ich wähle "Muster" → is_filter 1 Option. />  Ich habe versucht, .Empty () und .find ('Option') zu verwenden. REMET (), aber weder löscht die alten Optionen. Was mache ich falsch? < /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();