title: AppendChild Form / Table [Javascript/Html/PHP]
body: <p>My main issue is that I have a really nicely set up ability to add forms/remove them HOWEVER, the problem is that Doing one type of append will make the inputs show up (exactly how I want it) but not actually be added to the form while the other makes the form invisible however you can see it pop up on the <code>$_POST</code>.</p>
  
  <pre><code>&lt;script language="javascript"&gt;
      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 != "" &amp;&amp; values != null &amp;&amp; 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&lt;rowCount; i++) {
                  var row = table.rows[i];
                  var chkbox = row.cells[0].childNodes[0];
                  if(null != chkbox &amp;&amp; true == chkbox.checked) {
                      table.deleteRow(i);
                      rowCount--;
                      i--;
                  }
  
  
              }
          }catch(e) {
              alert(e);
          }
      }
  &lt;/script&gt;
  &lt;html&gt;
      &lt;table&gt;
          &lt;tr&gt;&lt;td&gt;Add statistic:&lt;/td&gt;&lt;/tr&gt;
          &lt;form action="&lt;?php echo $PHP_SELF; ?&gt;" method="post" enctype="multipart/form-data"&gt; 
              &lt;tr&gt;&lt;td&gt;&lt;input type="text" name="addme"&gt;&lt;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)"/&gt;&lt;/td&gt;&lt;td&gt;&lt;input type="button" value="Delete" onclick="deleteRow('formulas'); deleteRow('levelup')"/&gt;&lt;/td&gt;&lt;/tr&gt;
          &lt;/form&gt;
          &lt;form action="&lt;?php echo $PHP_SELF; ?&gt;" method="post" enctype="multipart/form-data"&gt;  
              &lt;tr&gt;&lt;td&gt;Formula name:&lt;/td&gt;&lt;td&gt;&lt;input type="text" name="formulaname"&gt;&lt;/td&gt;&lt;/tr&gt;
              &lt;tr&gt;&lt;td&gt;Statistics at level 1(required)&lt;/td&gt;&lt;/tr&gt;
              &lt;tr&gt;
              &lt;table&gt;
                  &lt;tr&gt;&lt;td&gt;Level 1:&lt;/td&gt;&lt;/tr&gt;
                  &lt;tr&gt;&lt;td&gt;Move speed:&lt;/td&gt;&lt;td&gt;&lt;input type="text" value="1" name="movespeed"&gt;&lt;/td&gt;&lt;/tr&gt;
                  &lt;tr&gt;&lt;td&gt;Stats:&lt;/td&gt;&lt;/tr&gt;
                  &lt;tr&gt;&lt;td&gt;&lt;table id="formulas"&gt;&lt;/table&gt;&lt;/td&gt;&lt;/tr&gt;
              &lt;/table&gt;&lt;/tr&gt;
              &lt;tr&gt;&lt;td&gt;Level up Formula Rates&lt;/td&gt;&lt;/tr&gt;
              &lt;table&gt;
                  &lt;tr&gt;&lt;td&gt;Move speed:&lt;/td&gt;&lt;td&gt;&lt;input type="text" value="Mov+1" name="Movrate"&gt;&lt;/td&gt;&lt;/tr&gt;
                  &lt;tr&gt;&lt;td&gt;Experience:&lt;/td&gt;&lt;td&gt;&lt;input type="text" value="(Exp*0.25)*Exp*Lvl+(0.25*Mov)" name="Exprate"&gt;&lt;/td&gt;&lt;/tr&gt;
                  &lt;tr&gt;&lt;td&gt;&lt;table id="levelup"&gt;&lt;/table&gt;&lt;/td&gt;&lt;/tr&gt;
              &lt;/table&gt;
              &lt;tr&gt;&lt;td&gt;&lt;input type="submit"  value="Save"/&gt;&lt;/td&gt;&lt;/tr&gt;
          &lt;/form&gt;
      &lt;/table&gt;
  &lt;/html&gt;
  </code></pre>