Forms 通过单击“添加”按钮，引导表单添加div

我有一个表单，我希望我的用户添加最多3种语言技能和语言级别。我只想显示一个，让用户点击添加一个（再添加一个“profile2”div，最大添加3）。我没有找到任何方法去做这件事

我的html代码：

      <div class="container">
    <div class="profile2">
         <label for="sel1" class="langlevel">Language</label>
<select class="form-control bfh-languages" data-language="en" id="sel1"> </select>
<label for="sel1" class="langlevel">Language Level</label>
<select class="form-control" data-language="en" id="sel1">
<option>Basic</option>
<option>Fluent</option>
<option>Professional</option>
<option>Native</option>
 </select>
 <button id="btnAddLanguage" class="btn btn-warning btn-md" type="button">Add Language</button>
    </div>
    </div>

语言
语言水平
基本的
流畅的
专业的
土生土长的
添加语言

剧本

    <script>
 $("#btnAddLanguage").click(function () {
      $('#container').append("<div class="profile2">
         <label for="sel1" class="langlevel">Language</label>
<select class="form-control bfh-languages" data-language="en" id="sel1"> </select>
<label for="sel1" class="langlevel">Language Level</label>
<select class="form-control" data-language="en" id="sel1">
<option>Basic</option>
<option>Fluent</option>
<option>Professional</option>
<option>Native</option>
 </select>
 <button id="btnAddLanguage" class="btn btn-warning btn-md" type="button">Add Language</button>
    </div>");
    });
    </script>

$（“#btnAddLanguage”）。单击（函数（）{
$（'#容器'）。追加（“
语言
语言水平
基本的
流畅的
专业的
土生土长的
添加语言
");
});

这就是你需要的吗？请检查这个

$（“#btnAddLanguage”）。单击（函数（）{
var$appendItem=$（'.profile2'）.html（）；
$（$appendItem）.appendTo（'.profile2'）；
});

语言
语言水平
基本的
流畅的
专业的
土生土长的
添加语言

这就是你需要的吗？请检查这个

$（“#btnAddLanguage”）。单击（函数（）{
var$appendItem=$（'.profile2'）.html（）；
$（$appendItem）.appendTo（'.profile2'）；
});

语言
语言水平
基本的
流畅的
专业的
土生土长的
添加语言

检查此项-检查此项-从您的代码中，这基本上是我需要做的，但我复制了准确的代码，但它仍然不工作从您的代码中，这基本上是我需要做的，但我复制了准确的代码，它仍然不工作