Javascript 关闭克隆选择2

大家好，我是一名网络开发新手，遇到过这个问题，有人能帮我吗

所以代码是

<div id="compatibility-clone" class="row" style="display: none;">
    <div class="col-md-3">
        <select class="form-control compatibility-item" name="vehicle_brand">
            <option></option>
            @foreach ($vehicleBrands as $key => $val)
                <option value="{{ $val->id }}" {{ (old('vehicle_brand') == $val->id) ? 'selected' : '' }}>{{ $val->name }}</option>
            @endforeach
        </select>
    </div>
    <div class="col-md-3">
        <select class="form-control compatibility-item" name="vehicle_model"></select>
    </div>
    <div class="col-md-3">
        <select class="form-control compatibility-item" name="vehicle_type"></select>
    </div>
    <div class="col-md-3">
        <select class="form-control compatibility-item" name="vehicle_year"></select>
    </div>
</div>

$("#addCompatibilities").on('click', function(e){
    e.preventDefault();
    var compatibilitiesClone = $('#compatibility-clone').clone();
    compatibilitiesClone.removeAttr('id');
    $('#addCompatibilities').before(compatibilitiesClone.show())
    $('#compatibility').find('.compatibility-item').select2({
        placeholder: "Select",
        allowClear: true,
        width: '100%',
    });
    $('#compatibility').find('.row').each(function() {
        $(this).find('select[name="vehicle_brand"]').change(function(){
            console.log($(this).val());
            $(this).find("select[name=vehicle_model]").empty();            
            generateModels($(this).val());
        });
    });
});

如果我尝试创建第二个或第三个。。。行，然后我单击按钮，出现错误，因为我在克隆的div兼容性克隆中的下拉列表也发生了更改。我想知道是否有办法解决这个问题

附言 抱歉语法不好

$("#addCompatibilities").on('click', function(e){
    e.preventDefault();
    var compatibilitiesClone = $('#compatibility-clone').clone();
    compatibilitiesClone.removeAttr('id');
    $('#addCompatibilities').before(compatibilitiesClone.show())
    $('#compatibility').find('.compatibility-item').select2({
        placeholder: "Select",
        allowClear: true,
        width: '100%',
    });
    $('#compatibility').find('.row').each(function() {
        $(this).find('select[name="vehicle_brand"]').change(function(){
            console.log($(this).val());
            $(this).find("select[name=vehicle_model]").empty();            
            generateModels($(this).val());
        });
    });
});