如何最后一个填写后再出现下一栏？

http://lucky.myrice.com/javascriptexam/addelement.htm

解决方案 »

  1.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD>
    <META http-equiv=Content-Type content="text/html; charset=gb2312">
    <META content="MSHTML 6.00.2719.2200" 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>&nbsp;</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>&nbsp;</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>
      

  2.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD>
    <META http-equiv=Content-Type content="text/html; charset=gb2312">
    <META content="MSHTML 6.00.2719.2200" 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>&nbsp;</TD>
              <TD><B>问题类型： </B><INPUT type=checkbox value=True name=chkQueType1> 
                多选类型 <BR>
                <DIV id=__idQueOption1 name="__idQueOption1"><B>问题选项0：</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()
    {
    jj=0
    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>&nbsp;</td>';
     objItem += '    <td><b>问题类型： </b><input type="checkbox" value="True" name="chkQueType' + newItemId + '">';
     objItem += '      多选类型 <br>';
     objItem += '      <div id="__idQueOption' + newItemId + '"><b>问题选项0：</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;
    }
    jj = 0
    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" )
    {
    jj++
    if(jj>4)
    return
    var objItem = '<div id="__idQueOption' + last2Char + '"><b>问题选项'+jj+'：</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>