Управление календарем в динамически создаваемых формах

Question

Я пытаюсь выполнить небольшую задачу, в которой у меня есть одна форма ITERATED с текстовым вводом Date, которая получает свое значение с помощью элемента управления DatePicker Javascript.

Моя проблема в том, что средство выбора даты на всех этих динамически создаваемыхForms только печатает значение в первом элементе текстового поля в первой форме, как я могу дать ему Динамическую ссылку на элемент текстового поля forms [x].

Мои имена форм генерируются динамически как form1, form2, form3,form [x], как я могу ссылаться на внутренний элемент той конкретной формы, чей DatePicker нажимается.Вы можете скачать Zip-файл с указателем даты и страницей HTML для динамических форм здесь введите описание ссылки здесь

Answer 1

если вы отправляете все данные одним нажатием кнопки, вам нужно добавить скрытое поле в html-форму, содержащее общее количество отправляемых дат.

$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.
}

Answer 2

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);
    }

это правильная функция