我现在想用innerhtml做多行数据添加，现在我可以进行多行数据添加了，但在编辑时就出现了问题，在此我就不把我的代码粘出来了，希望有高手提供类似功能完整的可行代码，如果可以采纳绝对加分，先谢过了。
这是innerHTML的一种使用方式，我还设想过另一种，但没成品。有时间的时候我会研究下。请看下方这个上传文件对input 框的处理方式：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>无标题文档</title>
</head>
<?php
if(!$_FILES['imgfile']){
//ShowMsg("图片选择不能为空！",-1,0);
//exit();
}
$img_dir = "../hhy_img/";
// …… html 显示上传界面
$uploaded = 0;
$unuploaded = 0;
//只允许20张图片上传
for ($i=0; $i<=20; $i++)
{
//获取当前图片的信息
$is_file = $_FILES['imgfile']['name'][$i];
//如果当前图片不为空
if (!empty($is_file))
{
//把当前图片的信息存储到变量里
$result[$i] = "
<tr class=td2 align=center>
<td>". $_FILES['imgfile']['name'][$i] ."</td>
<td>". round($_FILES['imgfile']['size'][$i]/1024, 2) ."K</td>
<td>". $_FILES['imgfile']['type'][$i] ."</td>
<td>";
// 判断上传的图片的类型是不是jpg,gif,png,bmp中的一种，同时判断是否上传成功
if (
$_FILES['imgfile']['type'][$i] == "image/pjpeg" ||
$_FILES['imgfile']['type'][$i] == "image/gif" ||
$_FILES['imgfile']['type'][$i] == "image/x-png" ||
$_FILES['imgfile']['type'][$i] == "image/bmp"
)
{
//如果上传的文件没有在服务器上存在
if (!file_exists($img_dir . $_FILES['imgfile']['name'][$i]))
{
//把图片文件从临时文件夹中转移到我们指定上传的目录中
move_uploaded_file($_FILES['imgfile']['tmp_name'][$i], $img_dir . $_FILES['imgfile']['name'][$i]);
$result[$i] .= "成功";
$db->query("INSERT INTO itempic (path,itemid) VALUES (‘/upload/".$_FILES['imgfile']['name'][$i]."‘,".$_POST['itemid'].")");
$uploaded++;
}
else //如果文件已经在服务器上存在
{
$result[$i] .= "<font color=red>文件已存在</font>";
$unuploaded++;
continue;
}
}
else
{
$result[$i] .= "<font color=red>失败</font>";
$unuploaded++;
}
$result[$i] .= "</td></tr>";
} //end if
} // end for
// 如果没有选择任何图片
if (empty($result))
{
echo"错误信息,没有选择任何图片。";
exit();
}
// 显示所有上传后的结果
echo " <table cellpadding=4 cellspacing=1 border=0 class=table width=400 align=left>
<tr class=navi align=center>
<td>文件名</td>
<td>大小</td>
<td>类型</td>
<td>上传结果</td>
</tr>
";
foreach( $result as $value)
{
echo $value;
}
echo "<tr class=td1>
<td colspan=4>共上传 " . ($uploaded + $unuploaded) . ", 成功: $uploaded, 失败:<font color=red> $unuploaded</font> </td>
</tr>
<tr class=navi>
<td colspan=4 align=center>[ <a href='?action=addpic' title='继续上传'>继续上传</a> ] </td>
</tr>
</table>
";
?>
<body>
<form action="?action=uppic" enctype="multipart/form-data" method="post" name="Form1" id="Form1">
<SCRIPT language="javascript">
function tbladdrow()
{
var i=lines.rows.length ;
var row = Table1.insertRow(Table1.rows.length);
var col = row.insertCell(0);
col.innerHTML = "<INPUT class='inputbut' id=imgfile["+i+"] type='file' name=imgfile["+i+"] size='50'>";
}
function tbladdrows(items)
{
for( i = 1 ; i <= items ; i++)
{
tbladdrow();
}
}
function delrow()
{
if(lines.rows.length==0)
{
return false ;
}
lines.deleteRow();
}
</SCRIPT>
<table width="100%" border="0" cellpadding="1" cellspacing="1" bgcolor="#CCCCCC" id="from">
<tbody>
<tr>
<td height="28" bgcolor="#FFFFFF"></td>
<td align="left" bgcolor="#FFFFFF">
<TABLE id=Table1 cellpadding="3" cellspacing="0" width="60%">
<tbody id="lines" name="lines">
</tbody>
</TABLE>
<INPUT id="addrow" name="addrow" type="button" value="加一张" onclick="tbladdrows(3);" class="inputbut" >
<INPUT id="DelOneLine" name="DelOneLine" type="button" class="inputbut" value="删一张" LANGUAGE=javascript onclick="return delrow()">
</td>
<tr>
<td colspan="2" align="left" bgcolor="#FFFFFF"><input name="Submit" value=" 上传图片 " type="submit" class="inputbut" /></td>
</tr>
</tbody>
</table>
</form>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>无标题文档</title>
</head>
<?php
if(!$_FILES['imgfile']){
//ShowMsg("图片选择不能为空！",-1,0);
//exit();
}
$img_dir = "../hhy_img/";
// …… html 显示上传界面
$uploaded = 0;
$unuploaded = 0;
//只允许20张图片上传
for ($i=0; $i<=20; $i++)
{
//获取当前图片的信息
$is_file = $_FILES['imgfile']['name'][$i];
//如果当前图片不为空
if (!empty($is_file))
{
//把当前图片的信息存储到变量里
$result[$i] = "
<tr class=td2 align=center>
<td>". $_FILES['imgfile']['name'][$i] ."</td>
<td>". round($_FILES['imgfile']['size'][$i]/1024, 2) ."K</td>
<td>". $_FILES['imgfile']['type'][$i] ."</td>
<td>";
// 判断上传的图片的类型是不是jpg,gif,png,bmp中的一种，同时判断是否上传成功
if (
$_FILES['imgfile']['type'][$i] == "image/pjpeg" ||
$_FILES['imgfile']['type'][$i] == "image/gif" ||
$_FILES['imgfile']['type'][$i] == "image/x-png" ||
$_FILES['imgfile']['type'][$i] == "image/bmp"
)
{
//如果上传的文件没有在服务器上存在
if (!file_exists($img_dir . $_FILES['imgfile']['name'][$i]))
{
//把图片文件从临时文件夹中转移到我们指定上传的目录中
move_uploaded_file($_FILES['imgfile']['tmp_name'][$i], $img_dir . $_FILES['imgfile']['name'][$i]);
$result[$i] .= "成功";
$db->query("INSERT INTO itempic (path,itemid) VALUES (‘/upload/".$_FILES['imgfile']['name'][$i]."‘,".$_POST['itemid'].")");
$uploaded++;
}
else //如果文件已经在服务器上存在
{
$result[$i] .= "<font color=red>文件已存在</font>";
$unuploaded++;
continue;
}
}
else
{
$result[$i] .= "<font color=red>失败</font>";
$unuploaded++;
}
$result[$i] .= "</td></tr>";
} //end if
} // end for
// 如果没有选择任何图片
if (empty($result))
{
echo"错误信息,没有选择任何图片。";
exit();
}
// 显示所有上传后的结果
echo " <table cellpadding=4 cellspacing=1 border=0 class=table width=400 align=left>
<tr class=navi align=center>
<td>文件名</td>
<td>大小</td>
<td>类型</td>
<td>上传结果</td>
</tr>
";
foreach( $result as $value)
{
echo $value;
}
echo "<tr class=td1>
<td colspan=4>共上传 " . ($uploaded + $unuploaded) . ", 成功: $uploaded, 失败:<font color=red> $unuploaded</font> </td>
</tr>
<tr class=navi>
<td colspan=4 align=center>[ <a href='?action=addpic' title='继续上传'>继续上传</a> ] </td>
</tr>
</table>
";
?>
<body>
<form action="?action=uppic" enctype="multipart/form-data" method="post" name="Form1" id="Form1">
<SCRIPT language="javascript">
function tbladdrow()
{
var i=lines.rows.length ;
var row = Table1.insertRow(Table1.rows.length);
var col = row.insertCell(0);
col.innerHTML = "<INPUT class='inputbut' id=imgfile["+i+"] type='file' name=imgfile["+i+"] size='50'>";
}
function tbladdrows(items)
{
for( i = 1 ; i <= items ; i++)
{
tbladdrow();
}
}
function delrow()
{
if(lines.rows.length==0)
{
return false ;
}
lines.deleteRow();
}
</SCRIPT>
<table width="100%" border="0" cellpadding="1" cellspacing="1" bgcolor="#CCCCCC" id="from">
<tbody>
<tr>
<td height="28" bgcolor="#FFFFFF"></td>
<td align="left" bgcolor="#FFFFFF">
<TABLE id=Table1 cellpadding="3" cellspacing="0" width="60%">
<tbody id="lines" name="lines">
</tbody>
</TABLE>
<INPUT id="addrow" name="addrow" type="button" value="加一张" onclick="tbladdrows(3);" class="inputbut" >
<INPUT id="DelOneLine" name="DelOneLine" type="button" class="inputbut" value="删一张" LANGUAGE=javascript onclick="return delrow()">
</td>
<tr>
<td colspan="2" align="left" bgcolor="#FFFFFF"><input name="Submit" value=" 上传图片 " type="submit" class="inputbut" /></td>
</tr>
</tbody>
</table>
</form>
</body>
</html>
温馨提示：答案为网友推荐，仅供参考
