ユーザがRails/Javascriptでページに追加のコンテンツを追加する方法

Question

基本的に、私は過去の雇用者とそれぞれの職務をリストアップできるアプリケーションを作成しています。エントリ。

が

（別の雇用者の追加]ボタンを）していることをクリックすると（詳細はここでは行く）：私は、バックエンドが設定しているが、それらは一つのエントリなどと一緒に起動するために私が欲しい：

Employer1ボタンを押すと、ページは現在、次のようになります。

Employer1：（情報...）

Employer2：（別の追加

（フォームは、このエントリはちょうど上記1のように見えるの提出時に、情報を提出すること）雇用者ボタン）

などです。私はこれを行うことができる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を設定する必要があります。