AppendChild Form/Table [Javascript/Html/PHP]

我的主要问题是，我有一个非常好的设置添加表单/删除它们的能力，但问题是，执行一种附加操作会使输入显示（完全是我想要的），但实际上并未添加到表单中，而另一个表单却不可见，但您可以看到它弹出在$_POST上。AppendChild Form/Table [Javascript/Html/PHP]

<script language="javascript"> 
    function addRow(tableID,texting,values) { 

     var table = document.getElementById(tableID); 
     var rowCount = table.rows.length; 
     var row = table.insertRow(rowCount); 

     var cell1 = row.insertCell(0); 
     var element1 = document.createElement("input"); 
     element1.type = "checkbox"; 
     cell1.appendChild(element1); 

     var cell2 = row.insertCell(1); 
     cell2.innerHTML = texting+":"; 

     var cell3 = row.insertCell(2); 
     var element2 = document.createElement("input"); 
     element2.type = "text"; 
     element2.name = texting; // Change this dummy. 
     if(tableID == "levelup") 
      element2.name += "rate"; 
     if(values != "" && values != null && values != "undefined") 
      element2.value = values; 
     cell3.appendChild(element2); //This isn't hidden but no works, wat? 
     //document.forms[1].appendChild(element2); //This works but is hidden 
     //document.forms[1].write("hi!"); 

    } 



    function deleteRow(tableID) { 
     try { 
      var table = document.getElementById(tableID); 
      var rowCount = table.rows.length; 

      for(var i=0; i<rowCount; i++) { 
       var row = table.rows[i]; 
       var chkbox = row.cells[0].childNodes[0]; 
       if(null != chkbox && true == chkbox.checked) { 
        table.deleteRow(i); 
        rowCount--; 
        i--; 
       } 


      } 
     }catch(e) { 
      alert(e); 
     } 
    } 
</script> 
<html> 
    <table> 
     <tr><td>Add statistic:</td></tr> 
     <form action="<?php echo $PHP_SELF; ?>" method="post" enctype="multipart/form-data"> 
      <tr><td><input type="text" name="addme"><input type="button" value="add" onclick="addRow('formulas',document.forms[0].addme.value); addRow('levelup',document.forms[0].addme.value,'1+'+document.forms[0].addme.value)"/></td><td><input type="button" value="Delete" onclick="deleteRow('formulas'); deleteRow('levelup')"/></td></tr> 
     </form> 
     <form action="<?php echo $PHP_SELF; ?>" method="post" enctype="multipart/form-data"> 
      <tr><td>Formula name:</td><td><input type="text" name="formulaname"></td></tr> 
      <tr><td>Statistics at level 1(required)</td></tr> 
      <tr> 
      <table> 
       <tr><td>Level 1:</td></tr> 
       <tr><td>Move speed:</td><td><input type="text" value="1" name="movespeed"></td></tr> 
       <tr><td>Stats:</td></tr> 
       <tr><td><table id="formulas"></table></td></tr> 
      </table></tr> 
      <tr><td>Level up Formula Rates</td></tr> 
      <table> 
       <tr><td>Move speed:</td><td><input type="text" value="Mov+1" name="Movrate"></td></tr> 
       <tr><td>Experience:</td><td><input type="text" value="(Exp*0.25)*Exp*Lvl+(0.25*Mov)" name="Exprate"></td></tr> 
       <tr><td><table id="levelup"></table></td></tr> 
      </table> 
      <tr><td><input type="submit" value="Save"/></td></tr> 
     </form> 
    </table> 
</html>

来源

2012-08-22 Ginzo Milani

这不起作用，因为您在窗体外追加了一个新行。把你的桌子分成两个独立的桌子，一个用于第一个桌子，另一个用于第二个桌子。然后将表格包装在当前位于其中的表格标签中。

结果应该具有以下结构：

<form> 
    <table> (add statistics form) </table> 
</form> 
<form> 
    <table> (formulas) </table> 
</form>

来源

2012-08-23 14:34:35 user753141

THANK YOU SO MUCH，我可以吻你 –

如果有人想使用此代码，随时它是将一个格式化的表格或删除其一个好剧本。 –

AppendChild Form/Table [Javascript/Html/PHP]

回答

相关问题