Javascript-从动态创建的元素中收集变量
Javascript - Gather variables from dynamic created elements
基本上这是我的javascript 的添加函数
function Add(){
var newDiv7 = document.createElement("div");
newDiv7.setAttribute("class","StartDate");
newDiv7.innerHTML = 'Description: <input type="text" name="Description[]">';
document.getElementById("container").appendChild(newDiv7);
}
这是我的主要表格
<form name="MainDATA" method="POST" action="Executer.php" onSubmit="validate()">
<div id="container">
<div id="cmd">
<input type="button" value="Add" onclick="Add()">
<input type="submit" name="submit" value="Submit">
</div>
</div>
</form>
验证javascript
function validate(){
var y = document.forms["MainDATA"]["Description[]"];
alert(y);
//validation code
}
只有当用户在我的表单中添加了一个div
时,这个代码才能完美地工作。我可以将我的描述转移到y
上进行验证,但当用户添加了2个div
s时,我的y
就变成了undefined
。无论用户添加了多少div
,我都可以做些什么来收集所有描述?
此外,如果我想检查"y"的长度是否至少为10个字符,我该怎么做才能实现这一点?
提前谢谢。
它似乎工作得很好。
只是计数器变量未定义。
var counter = 0;
function Add() {
var newDiv7 = document.createElement("div");
newDiv7.setAttribute("class", "StartDate");
newDiv7.innerHTML = 'Description: <input type="text" name="Description[]">';
document.getElementById("container").appendChild(newDiv7);
document.getElementById("counter").value = counter;
}
function validate() {
var y = document.forms["MainDATA"]["Description[]"];
console.log(y);
//validation code
}
查看FIDDLE 的工作示例
我在Firefox 18上运行了这个程序,并且没有任何问题。你能试试这个小提琴吗
f d()
相关文章:
- 如何计算每个元素's的高度,并将这些值用作函数中的变量
- 如何将php变量作为javascript中列表的元素
- jquery使用name from变量按类选择元素
- 在JavaScript中,如何修复元素显示和变量创建之间的初始差异
- 为什么不是't my元素:使用变量而不是字符串时包含(变量)功?jquery
- 使用输入变量设置元素的值
- 要更改变量的高度li元素
- 确定变量中元素的数量
- dom元素与javascript变量的绑定
- 如何在html元素中打印javascript变量
- 访问带有变量的Object元素时出现问题
- 如何在 Aurelia(奥雷利亚)中访问自定义元素中的变量
- AngularJS字符串变量到使用sanitize的HTML元素
- 如何在 jQuery 中获取具有特定父类的所有元素的内容,并将它们传递给 GET 变量
- 除了类、id 和文本之外,我还如何在 jQuery 中的元素中传递变量
- 如果循环中至少有一个元素返回 false,如何将变量设置为 false
- 将 JavaScript 变量添加到 HTML 元素
- Jquery组合多个变量(元素设置为vars)
- JQuery追加到变量元素
- 是否有一种方法可以从Highcharts传入变量元素ID来启动模态窗口?