如何实现按一button实现一块内容能自动在下同新增相同的一块内容

你这个不行吧
我不是要复制文本框内的内容,我就按button时,把指定区域内的内容(是指,文本框,选择框,单选项等这些东西)再增加

我要按一button "add",增加与下面貌一相同的一行
           <TABLE cellSpacing=0 cellPadding=0 width="100%" bgColor=#f0f0f0
            border=0 id="table1">
              <TBODY>
              <TR>
                <TD class=textogeneral><B> Job 1</B></TD>
                <TD class=textogeneral vAlign=top align=right>　</TD></TR>
              <TR>
                <TD colSpan=2>
                  <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0 id="table2">
                    <TBODY>
                    <TR>
                      <TD rowSpan=2>
                        <TABLE cellSpacing=0 cellPadding=0 width="100%"
                        bgColor=#f0f0f0 border=0 id="table3">
                          <TBODY>
                          <TR align=middle>
                            <TD class=textogeneral colSpan=2>Duration</TD></TR>
                          <TR align=middle bgColor=#f0f0f0>
                            <TD class=textogeneral>Years</TD>
                            <TD class=textogeneral>Months</TD></TR>
                          <TR align=middle bgColor=#f0f0f0>
                            <TD><INPUT class=textboxes
                              onblur="validateInteger(this,this.value); monthsToYears(this,1); validateWorkYears(this,this.value)"
                              style="WIDTH: 25px" maxLength=2 size=1
                              name=sc_job_y> </TD>
                            <TD><SELECT onchange=monthsToYears(this,2)
                              name=sc_job_m></SELECT> </TD></TR></TBODY></TABLE></TD>
                      <TD rowSpan=2>  </TD>
                      <TD class=textogeneral align=middle>Company name</TD>
                      <TD class=textogeneral align=middle>Country</TD>
                      <TD class=textogeneral align=middle>Position</TD>
                      <TD class=textogeneral align=middle>Dedication</TD></TR>
                    <TR>
                      <TD align=middle><INPUT class=textboxes
                        style="WIDTH: 120px" maxLength=100 size=8
                        name=sc_job_company> </TD>
                      <TD align=middle><INPUT class=textboxes
                        style="WIDTH: 120px" maxLength=50 size=8
                        name=sc_job_country> </TD>
                      <TD align=middle><INPUT class=textboxes
                        style="WIDTH: 120px" maxLength=50 size=8
                        name=sc_job_charge> </TD>
                      <TD align=middle><SELECT name=sc_job_dtime> <OPTION
                          value="" selected>-</OPTION> <OPTION value=1>Full
                          time</OPTION> <OPTION value=2>Part
                        time</OPTION></SELECT>
            </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
            <DIV id=pdqwork
            style="DISPLAY: none; VISIBILITY: hidden; POSITION: relative">
            <TABLE cellSpacing=0 cellPadding=2 width="100%" bgColor=#f0f0f0
            border=0 id="table4">
              <TBODY>
              <TR>
                <TD class=textogeneral>Do your duties in this job correspond
                  with the profession in demand you have selected?</TD>
                <TD align=right>
                  <TABLE cellSpacing=0 cellPadding=0 border=0 id="table5">
                    <TBODY>
                    <TR>
                      <TD class=textogeneral>Yes</TD>
                      <TD class=textogeneral width=25>
<INPUT
                        onfocus=radioChange(this) type=radio value=V1
                        name=sc_job_pdq2 checked> </TD>
                      <TD class=textogeneral>No</TD>
                      <TD class=textogeneral>
<INPUT onfocus=radioChange(this)
                        type=radio value=V1 name=sc_job_pdq1 checked>
            </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>
            <TABLE cellSpacing=0 cellPadding=2 width="100%" bgColor=#f0f0f0
            border=0 id="table6">
              <TBODY>
              <TR>
                <TD class=textogeneral>Enter the year until you worked in this
                  job<SPAN class=verysmall> (Running year if the job is
                  current)</SPAN></TD>
                <TD align=middle><INPUT class=textboxes
                  onblur=validateYear(this,true,this.value,true,false,this.form)
                  style="WIDTH: 37px" onfocus=focusYear(this) maxLength=4 size=4
                  value=year name=sc_job_upto_year> </TD></TR></TBODY></TABLE>
            <TABLE cellSpacing=0 cellPadding=2 width="100%" bgColor=#f0f0f0
            border=0 id="table7">
              <TBODY>
              <TR>
                <TD class=textogeneral width="87%">Select the knowledge
                  required to perform the duties of this job</TD>
                <TD align=middle width="13%"><INPUT class=jtbutton onclick=openJobSkills(1) type=button value=Select name=jobskill_btn> </TD></TR></TBODY></TABLE>如何写啊?

<input type=button value=insert onclick="insertSame()" >
<table id=table1><tr><td>
<input type=text value="shyslysky">hi
<input type=button value="shyslysky" >
</td></tr></table><script>
function insertSame(){
var obj=document.getElementById("table1")
obj.insertAdjacentHTML("afterEnd",obj.innerHTML)
}
</script>

function AddNewItem()
{
var InsertIndex = WorkL.rows.length;
var NewRow = WorkL.insertRow(InsertIndex);
var NewCell1 = NewRow.insertCell();
var NewCell2 = NewRow.insertCell();

var item = InsertIndex+1;
NewCell1.bgColor = "#E7EFFF"
NewCell1.innerHTML = "<p align='center'>第" + item + "步：";
NewCell2.innerHTML = " <input type='text' name='txtCusName"+item+"' size='15' maxlength='15' class='Input' readonly><input type='hidden' name='txtCusId"+item+"'> <A onclick=OpenWindow3('txtCusName"+item+"','txtCusId"+item+"') href='#'><IMG title='选择作者' src='../images/USER.gif' border='0' width='15' height='15'></A>";
}

看看里面的 function AddRow() //增加一行的写法http://community.csdn.net/Expert/topic/3548/3548206.xml?temp=.5545618

<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>JK:支持民族工业,尽量少买X货</title><style>
TD,INPUT{ font-size:12; }
</style>
</head><body bgcolor=EEEEEE>
<form name="frm" action="about:结果页面" method=post >
<table align="center" bordercolor=cccccc border=1  width=100% >
<tr>
<td width=500>
</td>
<td align=right>
      <input type="button"  value="增加" class="bottom" onclick="addDetailProcess();"> 

</td>
</tr>
</table>
<div width=100% id=thedetailtableDIV>
<table align="center" bordercolor=cccccc border=1 width=100% >
<tbody id="tbDetailPrepare">
<tr>
<td ><input type="checkbox" name="record_select" ></td>
<td ><input type="text" name="detail_id" value='每次复制这一行' ></td>
<td ><input type="text" name="detail_name" value='也可以把这个tboday移到form外，并且隐藏' ></td>
</tr>
</tbody>
  <tr bgcolor=eeeeee id="trDetailTitles">
    <td > </td>
    <td >明细ID*</td>
    <td >明细NAME</td>
  </tr>
  <tbody id="tbDetailUsed" >
<tr>
<td ><input type="checkbox" name="record_select" ></td>
<td ><input type="text" name="detail_id" value='' ></td>
<td ><input type="text" name="detail_name" value='' ></td>
</tr> <tr height=0 ><td colspan=100 height=0 > 合计</td></tr>
  </tbody> </table>
</div>
</form><input name="theHistoryRecord" type=hidden value="">
</body></html><script language=javascript>

function addDetailProcess(afterRowIndex) //增加明细
{
var alltbDetailUsed= document.all("tbDetailUsed").rows;
var theFirstSelectedDetail;
if (afterRowIndex==null)
{
theFirstSelectedDetail=alltbDetailUsed.length-2;
}
else theFirstSelectedDetail=afterRowIndex;
var newRow = document.all("tbDetailPrepare").rows[0].cloneNode(true);
var desRow = alltbDetailUsed[theFirstSelectedDetail+1];
desRow.parentElement.insertBefore(newRow,desRow ); }</script>

直接把要复制的块用一个标签(如<div id="cloneTag"></div>)圈起来然后再用cloneNode方法复制

cloneNode具体如何用啊?楼上能给段具体的源码吗?我不会:(

调试易

如何实现按一button实现一块内容能自动在下同新增相同的一块内容

解决方案 »