Admin page repeatable fields

Question

I have a submenu page set up and I want to add repeatable fields to it.

The submenu page is to add staff holidays (fields will be Start Date, End Date and a multi select to pick the staff members name). Setting up the first lot of fields is not a problem, however, I want a button that each time I click it, it will another set of the above mentioned fields.

I'm aware there will be some Javascript involved and have googled this a few times, but cannot find what I want.

Can somebody help please?

Answer 1

Try this one http://jsfiddle.net/jaredwilli/tZPg4/4/

and use array so input should be something like this

<input type="text" name="data[1][time][start]">
<input type="text" name="data[1][time][end]">

<input type="text" name="data[2][time][start]">
<input type="text" name="data[2][time][end]">

....

then save data as array

update_post_meta($post_id, 'field_name', $_POST['data']);