使用Javascript动态创建输入字段数组的唯一ID

我有一系列日期。 下面的代码遍历日期以打印带有文本字段的日期。 我要做的是创建一个具有唯一ID的文本字段数组。 然后将每个日期及其数组文本字段(值)传递到php脚本中。

有任何想法吗?

for (var i in dates) { var d = dates[i]; if (d) { // sometimes the date is not actually selected, that's why we need to check. var length = 12; var str = i+d; var myUniqueTime = str.substring(0,length); myUniqueTime = myUniqueTime.replace(/^\s+|\s+$/g, ''); times= ["", ""]; // OK, selected. Fill an input field. Or something. Just for example, // we will display all selected dates in the element having the id "output". el.innerHTML += "I = " + i + "
" + times + "
" + d.print("%A, %Y %B %d") + " " + myUniqueTime + "

"; } }

您可以为所有文本字段命名: name ="dateField[]"然后在PHP端,您将在$_POST变量中拥有一个dateField数组。

那是在提交表单后你的$_POST['dateField']将如下所示: $_POST['dateField'] = array('date 1...', 'date 2...', 'date 3...');

编辑:

如果你有一个表格:

 

然后你提交那个表格,然后调用php文件formHandler.php(由action =“formHandler.php”指定)。 在formHandler.php中,您可以使用提交的日期。

formHandler.php:

 echo 'First date: ' . $_POST['dateField'][0]; echo 'Second date: ' . $_POST['dateField'][1]; 
 for(var i = 0; i < dates.length; i++){ textbox = document.createElement('input'); textbox.type = 'text'; textbox.id = i; el.appendChild(textbox); } 

您应该将w3schools.com标记为javascript api。 这是一件容易引用的事情,而不得不提出一个问题。