给你一个类似功能的方法,自己改一下~js:
function addComponent(){
var td = document.getElementById("files");
var br = document.createElement("br");
var input = document.createElement("input");
var button = document.createElement("input");
input.type = "file";
input.name = "notice.myFile"; button.type = "button";
button.value = "删除"; button.onclick = function()
{
td.removeChild(br);
td.removeChild(input);
td.removeChild(button);
} td.appendChild(br);
td.appendChild(input);
td.appendChild(button);
}
<span id="files"> <span style="color:red; font-size:14px; font-weight:bold;list-style-type:none;" > <s:fielderror/></span>
<s:file name="notice.myFile" /><input type="button" onclick="addComponent();" value="添加" />
</span>
function addComponent(){
var td = document.getElementById("files");
var br = document.createElement("br");
var input = document.createElement("input");
var button = document.createElement("input");
input.type = "file";
input.name = "notice.myFile"; button.type = "button";
button.value = "删除"; button.onclick = function()
{
td.removeChild(br);
td.removeChild(input);
td.removeChild(button);
} td.appendChild(br);
td.appendChild(input);
td.appendChild(button);
}
<span id="files"> <span style="color:red; font-size:14px; font-weight:bold;list-style-type:none;" > <s:fielderror/></span>
<s:file name="notice.myFile" /><input type="button" onclick="addComponent();" value="添加" />
</span>
解决方案 »
- jquery 验证class和样式class 如何合并
- prototype问题,求答案
- 求一个淡出淡入的脚本
- 请大侠们帮忙看一下EXT中,从EditorGrid中删除行出总是报错
- 求:用javascript来控制多个层的显示与隐藏,下个层显示时上个层自动隐藏?
- 变量怎么转换成实例名?
- 造福所有喜欢htmlarea的朋友,3.0汉化版
- 留言时输入的url地址提交后可以直接点击,请问是怎么完成的?
- 我认为是JS不可能完成的功能,如何得知任务栏是否隐现。我要控制IE的大小。详见...
- 弱智问题!别嫌弃!
- 谁有关于java带菜单的树,比如在树形菜单上点右键,有添加,删除,上移等操作。现在只能发100分,分不够明天在加,最主要的是大家能帮帮忙。谢谢!!!
- 带输入的SELECT 控件
table.deleteRow(-1); 上面代码的问题是:
oTable.parentElement.rowIndex 没有获取到啊
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档 </title>
<script language=javascript>
function displayTable()
{
var k=document.getElementById("srz").value;
var oTable = document.getElementById("tab1");
if (k <=5000){
deleteRow('tab1',oTable.rows.length-1);
}
} function deleteRow (tableID,rowIndex) {
var table =document.all[tableID]
table.deleteRow(rowIndex);
} </script>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<INPUT TYPE='text' NAME=sr id=srz onblur="displayTable()" >
<table width="200" border="1" cellpadding="0" cellspacing="1" id="tab1">
<tr id=tr1>
<td colspan="2"> </td>
</tr>
<tr id=tr2>
<td colspan="2"> </td>
</tr>
<tr id=tr3 >
<td width="80"> div1 </td>
<td width="111">&div2 </td>
</tr>
</table>
</form>
</body>
</html>
你的oTable.parentElement.rowIndex是要获取表格的行数吗,正确用法是oTable.parentElement.rows.length