Store detail data in JavaScript
<p>I have a Parent/Child form. For example, the parent table may have the following field</p>

<ol>
<li>Number of projects completed</li>
<li>Have you ever worked with our company? (Yes/No radio button)</li>
</ol>

<p>If the second option have 'Yes' value, then I need to fill the details form.
For example: "The project name done with our company, copy of contract to be uploaded etc."</p>

<p>I have the following logic,
The deatils form may have a ADD button to add deatils records. I think I can store the details data in JavaScript arrays? Can I store the </p>

<pre><code>&lt;input type="file" name="file_to_upload" /&gt;
</code></pre>

<p>in arrays ?</p>

<p>Then on the submit button, send the parent and child deatils to the database.
Is there any other method to accomplish the task ?
Please see the screen snap
<img src="http://i.stack.imgur.com/aITum.png" alt="enter image description here"></p>

<p><strong>I can only add one detail records at a time. My question is, where should I temporarily store the deatil list ?</strong></p>
