动态创建表单上的日历控件

Question

我正在尝试完成一项小任务，其中我有一个带有日期文本输入的迭代表单，该表单通过 Javascript DatePicker 控件获取其值。

我的问题是，所有这些动态创建的表单上的日期选择器仅在第一个表单中的第一个文本框元素上打印值，如何为其提供对 forms[x] 文本框元素的动态引用。

我的表单名称动态生成为 form1、form2、form3、form[x]，如何引用正在单击其 DatePicker 的特定表单的内部元素。 您可以下载包含日期选择器和日期选择器的 Zip 文件。动态表单的 HTML 页面位于此处 在此处输入链接说明

Answer 1

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

这是正确的函数

Answer 2

如果您通过单击按钮发送所有数据，那么您需要在 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.
}