Calendar Control on Dynamically created forms

I’m trying to accomplish a small task where I have one single Form ITERATED with a Date textinput which gets its Value by a Javascript DatePicker control.

My problem is, the datepicker on all these dynamically created forms only prints value o开发者_运维百科n the first textbox element in the first form, how do I give it Dynamic reference to forms[x] text box element.

My form names are being generated Dynamically as form1, form2, form3, form[x], how do I reference the inner element of that particular form whose DatePicker is being clicked. you can download the Zip file which has the datepicker & the HTML page for the Dynamic forms from here enter link description here

function addElement() {
        intTextBox = intTextBox + 1;
        intTextArea = intTextArea + 1;
        var contentID = document.getElementById("new-field-back");
        var newTBDiv = document.createElement("div");
        newTBDiv.onclick=function(){ current=this; }
        newTBDiv.setAttribute("id","strText"+intTextBox);
        newTBDiv.innerHTML = "<br/><br/><form method='post' name='form" + intTextBox + "'><input 

id='date_of_event' name='date_of_event" + intTextBox + "'  class='date-pick' value=''><div 

class='date-text'><a href='#' onclick=displayDatePicker('date_of_event" + intTextBox + 

"');>Calendar</a></div></div><input type='submit' value='Update'><input type='button' 

onclick='removeElement()' value='Remove'></form><br/><br/>";

        contentID.appendChild(newTBDiv);
    }

this is the correct function

if you are sending all data using one click of a button then you need to add a hidden field on the html form containing the total number of dates to be sent.

$num=$_POST['no_of_dates'];
$i;
for ($i=1;$i<=$num;$i++)
{
    $_field_name="date_of_event".$i;
    $_date_get=$_POST[$_field_name];
    //now you can insert the $_date_get variable into the database by running a query.
}