如何讓用戶添加額外的內容到Rails/Javascript的頁面

基本上，我正在編寫一個應用程序，用戶可以列出他們過去的僱主和各自的職位，並希望有一個按鈕，他們可以點擊添加另一個條目。我有後端設置了，但我想他們與一個條目，如開始了：

Employer1：（信息放在這裏）

（添加另一個僱主按鈕）

並在單擊該按鈕時，頁面現在看起來像：

Employer1：（信息...）

Employer2：（表單提交的信息，在提交該條目看起來就像上面的那個）

（再添僱主按鈕）

，然後依此類推。我知道必須有一個JavaScript插件可以做到這一點，但我不知道這是叫什麼，因此一直沒有找到。有任何想法嗎？如何讓用戶添加額外的內容到Rails/Javascript的頁面

來源

2012-03-19 David Harbage

我會自己編寫。

<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，以便在表單提交後不會與處理混淆。

來源

2012-03-19 16:25:11

如何讓用戶添加額外的內容到Rails/Javascript的頁面

回答

相關問題