1. 爱易网页
  2. JavaSript
  3. js动态增添一组输入框方法三

js动态增添一组输入框方法三

日期：2014-05-16　 浏览次数：20401 次

js动态添加一组输入框方法三
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="javascript">  
function add()  
{  
   var i = 1 ;
option = new Array();  
proportion = new Array();  
str='<table>';  
str=str+'<tr align=center valign=middle bgcolor=#FFFFFF>';  
str=str+'<td width="100%" height="25">'
str += "<input type='text' id='id"+i+"' name='name"+i+"'>" ;
str=str+'</td>';  
str=str+'<td width="100%" height="25"></td>';  
str=str+'</tr>';
str=str+'<tr align=center valign=middle bgcolor=#FFFFFF>';  
str=str+'<td width="100%" height="25"><input type="text"></td>';  
str=str+'<td width="100%" height="25"><input type="button" name=del onclick="this.parentNode.parentNode.parentNode.deleteRow(this.parentNode.parentNode.rowIndex)" value="删除"></td>';  
str=str+'</tr>';
str=str+'</table>';  
window.upid.innerHTML+=str+'';  
i++ ;
document.getElementById("num").value = i + "" ;//没添加一次，将总数累加
}
  </script>
</head>
<body>
<form name="myform" onsubmit="javascript:return check()">
<table>
<tr>
<td>
<input name="Submit2" type="button" onclick="javascript:add()"
value="增加">
<input type="hidden" id="num" name="num" value="1"><!-- 记录添加次数 -->
</td>
</tr>
<tr>
<td>
<div id="upid"></div>
</td>
</tr>
</table>
</form>
</body>
</html>

相关资料更多>

  1. ajax请求 回来json格式
  2. 回优化焦点图代码
  3. struts2的Aciton与jsp其间传递参数（session）
  4. 跳转菜单——可不可以在新窗口打开？该怎么处理
  5. javascript的一个关于循环执行的有关问题
  6. 有挑战性的,if语句判断太繁琐,想改成switch,哪位能帮帮忙,该怎么解决
  7. 如何用jquery获取页面下HiddenField的值··
  8. 请问的简单的js正则表达式，怎么匹配非空内容（包含空格，换行符）
  9. js：代参函数A作为参数传递时，A参数怎么处理