您的位置：首页 > Web前端 > JavaScript

html中js添加删除行

2009-06-11 16:47 316 查看

添加附件，可以自主增加所需要添加附件的数量，可以控制增加的最大数量

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> 添加删除行 附件数量 </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<BODY>

<tr><td class='FP_th'><label>附件：</label></td>
<td  colspan=3 ><table cellspacing='0' cellpadding='0' border='0' id="Remark1fileTable" width="100%">
<tr><td class='FP_content'><input type="file" name="Remark1" id="Remark1" class='ENERGY_inputField' contenteditable="false"  onchange="checkfile(this);" /> <input type="button" value="增加" onclick="AddRow();"/> <input type="button" value="清除" onclick="ClearValue(0);"/>
</td></tr></table></td></tr>

</BODY>
</HTML>

<mce:script language="javascript"><!--
var oNewCell1,oNewCell2;
var i = 0,j = 1,k = 0;
var oNewRow;
function AddRow(){
i = document.all.Remark1fileTable.rows.length;
if(i>=(6)){
alert("附件数量不能超过6个");
}
else{
oNewRow = document.all.Remark1fileTable.insertRow(i);
oNewRow.id = "fileRow_"+j;
oNewCell2 = document.all.Remark1fileTable.rows[i].insertCell(0);
oNewCell2.className = "FP_content";
var key = "fileRow_"+j;
oNewCell2.innerHTML ="<input type='file' name='Remark1_"+j+"' id='Remark1_"+j+"' class='ENERGY_inputField' contenteditable='false' onChange='return checkfile(this);'> <input type=button name=Del" + j + " value='删除'"+"onClick='DelCurrentRow(/""+key+"/");'> <input type='button' value='清除' onclick='ClearValue(/""+j+"/");'/>";
}
j++;
}

function DelCurrentRow(j){
with(document.all.Remark1fileTable){
for (var i=0;i<rows.length;i++){
if (rows[i].id == j){
deleteRow(i);
}
}
}
}

function ClearValue(j){
var filename = "Remark1_"+j;
if (j==0){
filename = "Remark1";
}
var obj = document.getElementById(filename);
obj.outerHTML = obj.outerHTML;
document.getElementById(filename).value="";
}

function checkfile(obj){
var localurl=obj.value;
var t2 = localurl.lastIndexOf(".");
if(t2 >= 0 && t2 < localurl.length){
var filetype = localurl.substring(t2+1,localurl.length);
alert("file type is: "+filetype);
}
}

// --></mce:script>

运行效果如下图

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航