Javascript 克隆元素N次，具体取决于选择选项的值

我有一个登记表，客户可以通过下拉选择框选择他们希望看到的办公室数量。因此，在这种情况下，我需要我的代码以下一种方式工作-我选择选项值（例如4），它将克隆我可以填写的4个office表单。 我已经在opton更改时完成了“添加新表单”，现在我需要克隆此表单的次数与选择框中的值相同

<div class="inner6 register-form">bla-bla-bla, code with inputs and
    <div class="amount-offices fright">
        <div class="headers">Anzahl teilnehmende Standorte:</div>
        <select name="number_offices" class="number-offices" style="padding: 5px 5px 6px 5px;border: 1px solid #76ab26;margin-right: 10px;margin-bottom: 15px;">
            <?php for ($i=1 ; $i <=1 2; $i++) { ?>
            <option value="<?php echo $i; ?>">
                <?php echo $i; ?>
            </option>
            <?php } ?>
        </select>
    </div>
</div>

bla bla bla bla，使用输入和
Anzahl teilnehmende Standorte：
$（'.number offices'）。关于（'change'，函数（）{
var parent=$（'.register form'）；
find（'.register form extra'）.remove（）；
var num=parseInt（this.value）；
var tmpForm=$（“.copy area.register form extra:eq（0）”）；
对于（变量i=0；i

$（'.number offices'）。在（'change'，function（）{
var parent=$（'.register form'）；
find（'.register form extra'）.remove（）；
var num=parseInt（this.value）；
var tmpForm=$（“.copy area.register form extra:eq（0）”）；
对于（变量i=0；i

$（'.number offices'）。在（'change'，function（）{
var parent=$（'.register form'）；
find（'.register form extra'）.remove（）；
var num=parseInt（this.value）；
var tmpForm=$（“.copy area.register form extra:eq（0）”）；
对于（变量i=0；i

$（'.number offices'）。在（'change'，function（）{
var parent=$（'.register form'）；
find（'.register form extra'）.remove（）；
var num=parseInt（this.value）；
var tmpForm=$（“.copy area.register form extra:eq（0）”）；
对于（变量i=0；i

类似的方法可以：


$（'.copy area'）.hide（）；
$（'.number offices'）.change（function（）{
var officesAmount=parseInt（$（this）.val（），10）；
变量e=$（'.copy area.register form extra'）。等式（0）；
$（'.copy area.register form extra'）.remove（）；
对于（变量i=0；i

Anzahl teilnehmende Standorte：
0
1.
2.
3.
4.
5.
bla bla bla，带输入的代码
类似的方法可以工作：


$（'.copy area'）.hide（）；
$（'.number offices'）.change（function（）{
var officesAmount=parseInt（$（this）.val（），10）；
变量e=$（'.copy area.register form extra'）。等式（0）；
$（'.copy area.register form extra'）.remove（）；
对于（变量i=0；i

Anzahl teilnehmende Standorte：
0
1.
2.
3.
4.
5.
bla bla bla，带输入的代码
类似的方法可以工作：


$（'.copy area'）.hide（）；
$（'.number offices'）.change（function（）{
var officesAmount=parseInt（$（this）.val（），10）；
变量e=$（'.copy area.register form extra'）。等式（0）；
$（'.copy area.register form extra'）.remove（）；
对于（变量i=0；i

Anzahl teilnehmende Standorte：
0
1.
2.
3.
4.
5.
bla bla bla，带输入的代码
类似的方法可以工作：


$（'.copy area'）.hide（）；
$（'.number offices'）.change（function（）{
var officesAmount=parseInt（$（this）.val（），10）；
变量e=$（'.copy area.register form extra'）。等式（0）；
$（'.copy area.register form extra'）.remove（）；
对于（变量i=0；i

Anzahl teilnehmende Standorte：
0
1.
2.
3.
4.
5.
bla bla bla，带输入的代码
非常感谢，只需使用相同的解决方案，但您的解决方案看起来更具可读性！非常感谢，只需使用相同的解决方案，但您的解决方案看起来更具可读性！非常感谢，只需使用相同的解决方案，但您的解决方案看起来更具可读性！非常感谢，只需使用相同的解决方案，但您的解决方案看起来更具可读性！
<div class="copy-area">
    <div class="register-form-extra">bla-bla-bla, code with inputs</div>
</div>

$('.number-offices').change(function(){
    var extraForm = $(".register-form-extra").wrap("<div>").parents('.copy-area').html();
    var officesAmount = $(this).find('option:selected').val();
    $('.copy-form').find('.register-form-extra').remove();
    $('.register-form').after(extraForm);
});

$('.number-offices').on('change', function () {
    var parent = $('.register-form');
    parent.find('.register-form-extra').remove();
    var num = parseInt(this.value);
    var tmpForm = $(".copy-area .register-form-extra:eq(0)");
    for (var i = 0; i < num; i++) {
        parent.append(tmpForm.clone());
    }
});