Databases
StackOverflow2013
Postsdbo
POHow to add textbox to form using javascript or jquery
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHow to add textbox to form using javascript or jquery
    text
    copied!<p>I have created a function in javascript to add some "" in a form but when I submit the form I cannot get values of these inputs in $_POST[""] and these added "" does not show in the source code of the browser I tested in (IE and chrome)</p> <p>this my code:</p> <pre><code>&lt;SCRIPT language="javascript"&gt; function addRow(tableID) { var hdnVal=document.getElementById("hdn"); 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 = rowCount + 1; var cell3 = row.insertCell(2); var element2 = document.createElement("input"); element2.type = "text"; element2.name="Quantity"+hdnVal; element2.name="q"+hdnVal; cell3.appendChild(element2); var cell4 = row.insertCell(3); var element3 = document.createElement("input"); element3.type = "text"; element3.name="Description"+hdnVal; element3.name="D"+hdnVal; cell4.appendChild(element3); var cell5 = row.insertCell(4); var element4 = document.createElement("input"); element4.type = "text"; element4.name="Amount"+hdnVal; element4.name="A"+hdnVal; cell5.appendChild(element4); var a= parseInt(hdnVal.value); a++; hdnVal.value=a; } 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;/head&gt; &lt;form method="post" action="PurchaseOrder.php" name="t1"&gt; &lt;INPUT type="button" value="Add Row" onclick="addRow('dataTable')" /&gt; &lt;INPUT type="button" value="Delete Row" onclick="deleteRow('dataTable')" /&gt; &lt;TABLE id="dataTable" width="350px" border="1"&gt; &lt;tr&gt; &lt;th&gt;Check&lt;/th&gt; &lt;th&gt;Pos No&lt;/th&gt; &lt;th&gt;Quantity&lt;/th&gt; &lt;th&gt;Description&lt;/th&gt; &lt;th&gt;Amount&lt;/th&gt; &lt;/tr&gt; &lt;TR&gt; &lt;TD&gt;&lt;INPUT type="checkbox" name="chk"/&gt;&lt;/TD&gt; &lt;TD&gt; 1 &lt;/TD&gt; &lt;TD&gt; &lt;INPUT type="text" name="Quantity" /&gt; &lt;/TD&gt; &lt;TD&gt; &lt;INPUT type="text" name="Description" /&gt; &lt;/TD&gt; &lt;TD&gt; &lt;INPUT type="text" name="Amount" /&gt; &lt;/TD&gt; &lt;/TR&gt; &lt;/TABLE&gt; &lt;input type="hidden" name="hdn" id="hdn" value="0" /&gt; &lt;INPUT type="submit" name="submit" value="Send"/&gt; &lt;/form&gt; </code></pre> <p>Thank you</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload