Question

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

雇主1 :(信息在这里）

（添加另一个雇主按钮）

点击该按钮，页面现在看起来像：

雇主1 :(信息......）

雇主2 :(表单提交信息，提交后此条目看起来就像上面那个）

（添加另一个雇主按钮）

然后等等。我知道必须有一个javascript插件可以做到这一点，但我不知道这是什么调用，因此无法找到一个。有什么想法吗？

Answer 1

我会自己写。

<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>

然后是表格：

<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，以便在提交表单后不会混淆处理。

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

1 个答案: