Select option is not update correctly if a option is already

I look for update select option thank's to a Ajax request. It's work's unless a option has been selected by user.

If a option has been selected html continue to be update by request but render stop to be update, i have to refresh page.

function sendAjax($url, $datas = null, $methode="GET") {
        if ($datas != null) {
            // console.log($datas);
            $.ajax({
                headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                url: $url,
                type: $methode,
                data: $datas,
                contentType: false,
                cache: false,
                processData: false
            }).done(function (response) {
                console.log(response);
                $html = '<option value="" disabled selected>Choisissez la taille de votre article</option>';

                for (let i = 0; i < response.length; i++) {
                    $html = $html + '<option value="'+response[i].id+'">'+ response[i].size +' '+ response[i].unit +'</option>';
                }

                console.log($html);
                $size = $("#size_id")
                $size.removeAttr('disabled')
                $size.children().each(function () {
                    $(this).removeAttr('selected')
                    $(this).remove()
                })
                $size.append($html);

            });
        }
        else {
            console.error("No data to send !");
            return false;
        }
    }