如何让用户在Rails/Javascript中向页面添加其他内容

基本上，我正在编写一个应用程序，用户可以列出他们过去的雇主和各自的职位，并希望有一个按钮，他们可以点击添加另一个条目。我已经设置了后端，但我希望他们从一个条目开始，例如：

雇员1：（信息在这里）

（添加另一个雇主按钮）

单击该按钮后，页面现在看起来如下所示：

雇员1：（信息…）

Employer2:（提交信息的表格，提交后此条目与上面的条目相同）

（添加另一个雇主按钮）

---

然后等等。我知道一定有一个javascript插件可以做到这一点，但我不知道它叫什么，因此一直没有找到一个。有什么想法吗？

我会自己写的

<script type="text/javascript">
var form=document.getElementById('myform');
var employers=document.getElementById('employers');

function addEmployer(currID) {
    var employer = currID;
    var nextEmployer = employer+1;
    var employerclone=document.getElementById('employer[employer]').cloneNode(true);
    employerclone.setAttribute('id', 'employer[(nextEmployer)]');
    employers.appendChild(employerclone);
}
</script>

var form=document.getElementById（'myform'）；
var employers=document.getElementById（“雇主”）；
函数加法器（currID）{
var=currID；
var nextEmployer=雇主+1；
var employerclone=document.getElementById（'雇主[雇主]）.cloneNode（true）；
employerclone.setAttribute（'id'，'employer[（nextEmployer）]）；
雇主。子女（雇主克隆）；
}

然后是表格：

<form id="myform">
<div id="employers">
    <div id="employer[0]">
        Employer Name:<input type="text" id="employerName[0]">
        Employer Details:<input type="textarea" id="employerDeets[0]">
        <input type="button" value="Add Employer" onclick="addEmployer(this.id)" id="0">
    </div>
</div>
<input type="submit" value="submit">
</form>

雇主名称：
雇主详情：

这绝对不是经过测试的，只是一个涂鸦，只是我将采用的方式。您还必须设置输入的ID，以便在提交表单后不会与处理混淆