那是因为你的tblSample1.insertRow().insertCell().innerHTML 语句只能增加表格中第一列的的内容!!!
你可以通过rows[0].cells.length语句获得每一行的单元数(也就是列数),再用
tblSample1.insertRow().insertCell(i).innerHTML 把每列的内容分别写到单元中去!
你可以通过rows[0].cells.length语句获得每一行的单元数(也就是列数),再用
tblSample1.insertRow().insertCell(i).innerHTML 把每列的内容分别写到单元中去!
解决方案 »
- 高手请教<script type="text/javascript" src="abc.jsl?Resource=com/sun/w.js"
- 为什么动态建立input file后form提交不了??
- 下拉选项框(select)按键过滤 SUPER URGENT!
- 在线等 缩略图问题
- PHP + Ajax超酷实例!!
- document.body.innerHTML 可以取得一个html页面中body部分的内容,怎样可以取得整个完整的html内容?
- 关于checkbox
- 书上说:“JavaScript会为我们定义的每一个函数都创建一个原型对象”,那么这个原型到底在哪里呢?谢谢!
- 有分捡了,有关用javascript改变TABLE内容的问题?
- js能否制作游戏脚本
- insertRow()方法新增的行,如何为它的属性赋值
- 怎样用正则表达式(javascript)验证输入的是正整数?而没有英文字符?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script language="JavaScript">function addRowToTable()
{
var a = document.getElementById("tblSample1");
var c = a.insertRow();
var oItems=document.all.cxtype.options;
var oItem=oItems[oItems.selectedIndex];
c.insertCell(0).innerHTML = "<font color=\"#FF0000\">普通5寸(3*5) </font>";
c.insertCell(1).innerHTML ="<div align=\"center\"><input name=\"textfield\" type=\"text\" size=\"3\"> 张</div>"
c.insertCell(2).innerHTML ="<div align=\"center\"><a href=\"#\" onClick=\"delRowToTable();\">删除</a></div>"
}function delRowToTable()
{
tblSample.deleteRow()}</script>
</head><body>
<table width="504" border="1" cellpadding="0" cellspacing="0" bordercolor="#CCCCCC">
<tr>
<td><table width="500" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="135" rowspan="6"><div align="center">
<p><img src="images/xploginimg.gif" width="72" height="72"><br>
<br>
图像大小:<font color="#FF0000">200K</font></p>
<p>图像尺寸:<font color="#FF0000">2010*1100</font></p>
</div></td>
<td width="365"><table width="100%" border="0" cellpadding="0" cellspacing="0" id="tblSample">
<tr>
<td width="100%" height="29">
<form name="form1" method="post" action="">
新增:
<select name="cxtype" id="cxtype">
<option value="aaaaaaaa" selected>aaaaaaa</option>
<option value="bbbbbbbbbbbbb">bbbbbb</option>
</select>
<a href="#" onclick="addRowToTable();">新增</a> 删除本张照片
</form></td>
</tr>
<tr>
<td height="21">目前您选择的冲洗规格:</td>
</tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0" id="tblSample1">
<tr>
<td><div align="center">规 格</div></td>
<td><div align="center">数 量</div></td>
<td><div align="center">操 作</div></td>
</tr>
<tr>
<td> <font color="#FF0000">普通5寸(3*5) </font> </td>
<td><div align="center">
<input name="textfield" type="text" size="3">
张</div></td>
<td><div align="center"><a href="#" onClick="delRowToTable();">删除</a></div></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
<!-- saved from url=(0053)http://lucky.myrice.com/javascriptexam/addelement.htm -->
<!-- saved from url=(0067)file://E:\mengxianhui\经过整理的Javascript代码\动态增加表单元素.htm --><!-- saved from url=(0022)http://internet.e-mail --><HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META content="MSHTML 6.00.2800.1269" name=GENERATOR></HEAD>
<BODY>
<TABLE cellSpacing=0 cellPadding=0 width="98%" align=center border=0>
<TBODY>
<TR>
<FORM id=form1 name=form1 action=program/survey/SurveyEdit.asp method=post>
<TD>
<TABLE class=tableborder cellSpacing=0 cellPadding=4 width="100%"
border=0>
<TBODY>
<TR>
<TD bgColor=#c7e8f8>
<DIV align=center><B>问题 1:</B> </DIV></TD>
<TD bgColor=#c7e8f8><INPUT class=tableborder size=60 name=Question1>
</TD></TR>
<TR>
<TD> </TD>
<TD><B>问题类型: </B><INPUT type=checkbox value=True name=chkQueType1>
多选类型 <BR>
<DIV id=__idQueOption1 name="__idQueOption1"><B>问题选项:</B> <INPUT
class=tableborder onpropertychange=addNewChild(this) size=60
name=QueOption1> </DIV></TD></TR></TBODY></TABLE>
<DIV id=__idInsertBefore></DIV><INPUT type=hidden value=1 name=newTable>
<BR>
<DIV
style="PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px"
align=right><INPUT class=CustButton onclick=addNewQuestion() type=button value=增加一个新问题>
<INPUT class=CustButton type=submit value=保存设置> <INPUT class=CustButton type=reset value=重新设置>
</DIV></TD></FORM></TR></TBODY></TABLE>
<SCRIPT>
function addNewQuestion()
{document.form1.newTable.value = parseInt(document.form1.newTable.value) + 1;
var newItemId;
if( (document.form1.newTable.value).length > 2 )
{
alert("您的调查问题总数不能超过 99 个。")
window.location.reload();
}newItemId = document.form1.newTable.value;var objItem = '<table cellspacing="0" cellpadding="4" width="100%" border="0" class="tableborder">';
objItem += ' <tr>';
objItem += '<td bgcolor="#C7E8F8">';
objItem += ' <div align="center"><b>问题 ' + newItemId + ':</b> </div>';
objItem += ' </td>';
objItem += ' <td bgcolor="#C7E8F8">';
objItem += ' <input size="60" name="Question' + newItemId + '" class="tableborder">';
objItem += ' </td>';
objItem += ' </tr>';
objItem += ' <tr>';
objItem += ' <td> </td>';
objItem += ' <td><b>问题类型: </b><input type="checkbox" value="True" name="chkQueType' + newItemId + '">';
objItem += ' 多选类型 <br>';
objItem += ' <div id="__idQueOption' + newItemId + '"><b>问题选项:</b>';
objItem += ' <input onpropertychange="addNewChild(this)" size="60" name="QueOption' + newItemId + '" class="tableborder">';
objItem += ' </div>';
objItem += ' </td>';
objItem += ' </tr>';
objItem += '</table>';document.all.__idInsertBefore.insertAdjacentHTML("beforeBegin", objItem);
}function showTips(obj)
{
obj.title=obj.value;
}function addNewChild(obj)
{
var isblank = "false";
var objName = obj.name;
var last2Char = objName.substring(objName.length - 2);
if( last2Char.substring(0, 1) > '9' || last2Char.substring(0, 1) < '0' )
{
last2Char = last2Char.substring(1, 2);
}for(var i=0; i < document.form1.elements[objName].length; i++)
{
if(document.form1.elements[objName].item(i).value == "")
isblank = "yes"
}if( isblank != "yes" )
{
var objItem = '<div id="__idQueOption' + last2Char + '"><b>问题选项:</b>';
objItem += ' <input onpropertychange="addNewChild(this)" size="60" name="' + objName + '" class="tableborder" />';
objItem += '</div>';objName = "__idQueOption" + last2Char;
var varQueOption = document.all[objName];
if( varQueOption.length != null )
varQueOption = varQueOption.item(varQueOption.length-1);varQueOption.insertAdjacentHTML("afterEnd",objItem);
}
}
</SCRIPT>
</BODY></HTML>