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

时间:2011-03-21 08:15:59

标签: javascript forms dynamic datepicker

我正在尝试完成一个小任务,其中我有一个单独的Form ITERATED,其中Date textinput通过Javascript DatePicker控件获取其值。

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

我的表单名称正在动态生成为form1,form2,form3,form [x],如何引用其DatePicker被单击的特定表单的内部元素。 你可以下载带有datepicker&的Zip文件。此处enter link description here

的动态表单的HTML页面

2 个答案:

答案 0 :(得分:0)

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

这是正确的功能

答案 1 :(得分:0)

如果您只需点击一下按钮就可以发送所有数据,那么您需要在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.
}