处理在 JavaScript 中动态生成的输入文本数组
Dealing with an array of input text dynamically generated in JavaScript
我想以动态生成输入文本的形式获取客户的电话号码。我做了这个
<HTML>
<HEAD>
<TITLE> get telephones </TITLE>
<SCRIPT language="javascript">
function add(type) {
//Create an input text dynamically.
if(typeof add.counter=='undefined')
{
add.counter=0;
}
add.counter++;
var element = document.createElement("input");
//Assign different attributes to the element.
element.setAttribute("type", type);
element.setAttribute("value", "");
element.setAttribute("name", type.concat(add.counter));
var foo = document.getElementById("fooBar");
//Append the element in page (in span).
foo.appendChild(element);
return add.counter;
}
</SCRIPT>
</HEAD>
<BODY>
<FORM action="test1.php" method="post">
//here I think there is a problem
<INPUT type="button" value="Add" onclick="<?php echo "add('text')";?>"/>
<INPUT type="submit" value="Add" />
<span id="fooBar"> </span>
</FORM>
</BODY>
</HTML>
我想获取输入文本名称的数组,或计数器的最后一个值
如果你将输入名称设置为"whatever[]",那么PHP将自动从输入数据创建数组,所以你在这里需要的只是改变
element.setAttribute("name", type.concat(add.counter));
// to
element.setAttribute("name", "thename[]");
而且你真的不想重用元素类型作为它的名字 - 这是两件非常不同的事情,想出更好的东西
并丢弃所有计数器的东西
这里回答
<INPUT type="button" value="Add" onclick="add('text')"/>
<INPUT type="button" value="allPhoneNumbers" onclick="allPhoneNumbers()"/>
<script type="javascript">
function add(type)
{
if(typeof add.counter=='undefined')
{
add.counter=0;
}
add.counter++;
var element = document.createElement("input");
//Assign different attributes to the element.
element.setAttribute("type", type);
element.setAttribute("value", "");
element.setAttribute("id", type.concat(add.counter));
element.setAttribute("name", 'phonenumbers[]');
var foo = document.getElementById("fooBar");
//Append the element in page (in span).
foo.appendChild(element);
return add.counter;
}
function allPhoneNumbers()
{
var phonenumbers=document.getElementsByName('phonenumbers[]');
for(var i=0;i<phonenumbers.length;i++)
{
alert(phonenumbers[i].value);
} }
</script>
相关文章:
- 尝试在PHP中回显输入文本时出现未定义的索引错误
- 使用模拟按键在输入框中自动输入文本
- 如何添加类,同时开始在文本字段中输入文本
- JQuery使用相同的功能自动完成各种输入文本
- 如何设置输入文本框jquery的值
- 输入文本框为空时的阻止按钮asp.网络表单
- 基于单选框更新页眉,选中并选择输入文本
- 将输入文本与某个选项的值相匹配并自动选择
- 如何在 JavaScript 中创建输入文本框
- 如何使用纯Javascript观看输入文本框
- 需要使用javascript获取输入文本,然后将其添加到句子中
- php&js-将电子邮件添加到输入文本中
- 动态启用/禁用来自控制器的输入文本
- .val()不返回输入文本
- 从确认框中预填充输入文本框
- 如何使用JavaScript解析输入文本中给定的数据
- 添加/删除/更改输入文本的部分值
- 根据输入文本按元素排序,AngularJS
- 如何将(a*b)两个输入文本值相乘,并在javascript中随文本变化动态显示
- 如何从Tr重复的输入文本中获取值