Jquery自动添加/删除

Question

我想为我的例子自动添加/删除值：

$('#select_factu').on('change', function () {
        if (this.value == 'Mois'){
            $('{!! Form::date('date_facturation', Carbon\Carbon::now()->addMonth(1),['class' => 'form-control']) !!}').appendTo('.ajout_factu');
        } else if (this.value == 'Annuel'){
            $('{!! Form::date('date_facturation', Carbon\Carbon::now()->addYear(1),['class' => 'form-control']) !!}').appendTo('.ajout_factu');
        }
    });

此方法有效但添加字段时不会删除前一个字段。

我该怎么办？

由于

Answer 1

如果清除容器div，则总是添加一个，

$('.ajout_factu').empty();

$('#select_factu').on('change', function () {
        $('.ajout_factu').empty();
        if (this.value == 'Mois'){
            $('{!! Form::date('date_facturation', Carbon\Carbon::now()->addMonth(1),['class' => 'form-control']) !!}').appendTo('.ajout_factu');
        } else if (this.value == 'Annuel'){
            $('{!! Form::date('date_facturation', Carbon\Carbon::now()->addYear(1),['class' => 'form-control']) !!}').appendTo('.ajout_factu');
        }
    });