如何让用户在Rails/Javascript中向页面添加额外内容
How to let users add additional content to a page in 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>
然后是形式:
<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,这样表单提交后就不会与处理混淆。
相关文章:
- 在Internet Explorer中,向所选内容添加选项不起作用
- 使用js将动态内容添加到选择选项列表中
- 在选择组中获取选择选项值以显示额外内容
- 将内容添加到每行的开头,例如第一行的 ::before
- 如何根据数组内容添加/删除数组中的元素
- 在添加类之后,为DIPLAY内容添加延迟
- AngularJS完成异步加载后将内容添加到DOM
- 如何将新的动态内容添加到我的JS代码中
- 在我的情况下,如何将 html 内容添加到我的 dom 中
- 在运行时将脚本内容添加到页面
- 将动态内容添加到 Jquery 滑块
- 表行导致内容添加不起作用
- else 语句不将内容添加到文本区域
- 如何通过单击“添加”按钮将内容添加到正确的文本区域
- 为所有内容添加一个外部 js 文件
- 如何将内容添加到 JQuery Flot 图表数据数组工具提示
- 如何在不影响背景的情况下对整个内容添加混合效果
- 为动态创建的列表项及其内容添加单击操作
- 如何让用户在Rails/Javascript中向页面添加额外内容
- Jquery在添加加载额外内容的脚本后停止工作