本文主要介绍如何动态的增加、删除输入框，并获取输入框中的值~~
<html>
<head>
<title>JavaScript_动态增加/删除输入框_阿方索</title>
<script type="text/javascript">
<!--
var idNumber = 1,id="tableAFS";
function addTextBox() {
idNumber++;
//这里我们创建一个label控件
label0 = document.createElement("label");
label0.setAttribute("id","label"+idNumber);
//创建输入框
var textField = document.createElement("input");
textField.setAttribute("type","text");
textField.setAttribute("name","Title");
textField.setAttribute("id","Title"+idNumber);
label0.appendChild(textField);
//创建按钮
var textField2 = document.createElement("input");
textField2.setAttribute("type","button");
textField2.setAttribute("name","button");
textField2.setAttribute("value","删除该行");
textField2.onclick=function(){removeTextBox(this)}
label0.appendChild(textField2);
document.getElementById(id).appendChild(label0);
}
function removeTextBox(o) {
var t=document.getElementById(id).getElementsByTagName("label").length;
if ( t> 1) //如果超过1个textbox
document.getElementById(id).removeChild(o.parentNode);
}
function show()
{
var t=document.getElementById(id).getElementsByTagName("label").length;
var allText = document.getElementById(id).getElementsByTagName("input");
var s = "";
for(i=0;i<allText.length;i++)
{
if(allText[i].id.indexOf('Title')=="0"){
s = s+allText[i].value + "\n" ;
}
}
alert(s);
}
//-->
</script>
<style type="text/css">
<!--
label {
display:block;
margin:.25em 0em;
}
-->
</style>
</head>
<body>
<form id="table11">
<table width="550" border="0" align="center" cellpadding="0" cellspacing="1" >
<tr>
<td height="25" bgcolor="#FFFFFF">
<div id="tableAFS"><label>
<input type="text" name="Title" id="Title" />
<input name="button" type="butt
