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]

回答

相關問題