仅使用JavaScript将值从动态创建的文本框传递到数组
[英]Passing the values from dynamically created textboxes to an array using JavaScript only
问题描述
我想动态添加文本框，然后将这些文本框中编写的值传递给
数组。 这是我的代码。
function add(type)
{
a=new Array();
for(c=0;c<3;c++)
{
var element = document.createElement("input");
element.setAttribute("type", type);
element.setAttribute("value", type);
element.setAttribute("name", type);
element.setAttribute("id", 'n'+c);
var foo = document.getElementById("fooBar");
a[i]=document.getElementById('n'+c);
foo.appendChild(element);
}
}
</SCRIPT>
</HEAD>
<BODY>
<FORM>
<SELECT name="element">
<OPTION value="button">Button</OPTION>
</SELECT>
<INPUT type="button" value="Add" onclick="add(document.forms[0].element.value)"/>
<span id="fooBar"> </span>
谢谢....
3 个解决方案
解决方案1
3 已采纳 2013-08-17 10:14:36
在这里试试！
var a= [];
function add(type) {
for(c=0;c<3;c++){
var element = document.createElement("input");
element.setAttribute("type", type);
element.setAttribute("value", type);
element.setAttribute("name", type);
element.setAttribute("id", 'n'+c);
var foo = document.getElementById("fooBar");
foo.appendChild(element);
a[c]=document.getElementById('n'+c).value;
}
}
function show(){
for(c=0;c<3;c++){
alert(a[c]);
}
}
</SCRIPT>
</HEAD>
<BODY>
<FORM>
<SELECT name="element">
<OPTION value="text">Text</OPTION>
</SELECT>
<INPUT type="button" value="Add" onclick="add(document.forms[0].element.value)"/><br>
<INPUT type=button name="b1" value="Show" onclick="show()"/><br>
<span id="fooBar"> </span>
解决方案2
2 2013-08-17 09:37:01
尝试这个
HTML
<form>
<select name="element">
<option value="button">Button</option>
</select>
<input type="button" value="Add" onclick="add(document.forms[0].element.value)"/>
<span id="fooBar"> </span>
</form>
JS
function add(type)
{
a=new Array();
for(c=0;c<3;c++)
{
var element = document.createElement("input");
element.setAttribute("type", "text");
element.setAttribute("value", type);
element.setAttribute("name", "mytextbox");
element.setAttribute("id", 'n'+c);
var foo = document.getElementById("fooBar");
foo.appendChild(element);
a[c]=document.getElementById('n'+c).value;
}
}
工作JSBin示例
解决方案3
0 2013-08-17 09:20:53
我想问题是在您调用foo.appendChild(element);之前，元素不是文档的一部分foo.appendChild(element); 这样做document.getElementById('n'+c); 什么也没退 但是，这绝对是不必要的。 如果它是文档的一部分，则为document.getElementById('n'+c); 将会完全返回您已经由element引用的element ，因此您应该能够执行以下操作：
a[c] = element;
如何使用JavaScript中的for循环从创建的文本框中检索值？
[英]How to retrieve values from created textboxes using for loop in javascript?
如何从jQuery中动态创建的元素中仅选择文本框？
[英]How to select only textboxes from a bunch of dynamically created elements in jQuery?
在中创建了4个文本框 <tr> 动态通过复选框的javascript onclick。 我想获取值文本框
[英]created 4 textboxes in <tr> dynamically through javascript onclick of checkbox. i want to get the values textboxes
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.