How to add dynamic textbox (row) and save to database using PHP

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • miyotz
    New Member
    • Nov 2012
    • 1

    #1

    How to add dynamic textbox (row) and save to database using PHP

    Hi. I have here my Javascript code that adds dynamic textbox (row) my problem is how can I save this to database using PHP script? How you can help me guys.. Thanks!

    Code:
    <script type="text/JavaScript"> 
    function addRow(r){ 
    var root = r.parentNode;//the root 
    var allRows = root.getElementsByTagName('tr');//the rows' collection 
    var cRow = allRows[0].cloneNode(true)//the clone of the 1st row 
    var cInp = cRow.getElementsByTagName('input');//the inputs' collection of the 1st row 
    for(var i=0;i<cInp.length;i++){//changes the inputs' names (indexes the names) 
    cInp[i].setAttribute('name',cInp[i].getAttribute('name')+'_'+(allRows.length+1)) 
    } 
    root.appendChild(cRow);
    } 
    function shownames(){ 
    var allInp=document.getElementsByTagName('input'); 
    for(var i=0;i<allInp.length;i++){ 
    alert(allInp[i].name) 
    } 
    } 
    </script>
    My HTML code:

    Code:
    <form method= POST> <table width="1024"  border="0" cellspacing="6" cellpadding="0"> <tr> <td width="195"><div class="user"><input type="text" name="textfield_a" id="user" tabindex="6"/></div></td> <td width="410"><div class="reported"><input type="text" name="textfield_b" id="reported" tabindex="7"/></div></td> <td width="399"><div class="reported"><input type="text" name="textfield_c" id="reported" tabindex="8"/></div></td> <td width="10"><input name="button" type="button" value="+" onclick="addRow(this.parentNode.parentNode)"></td> </tr> </table> </form>
    Last edited by Rabbit; Nov 17 '12, 03:13 AM. Reason: Please use code tags when posting code.
  • Luuk
    Recognized Expert Top Contributor
    • Mar 2012
    • 1043

    #2
    with your example values will be available as

    The first column:
    textfield_a; textfield_a_2; textfield_a_3; textfield_a_4; ...

    The second column:
    textfield_b; textfield_b_2; textfield_b_3; .......

    The third column:
    textfield_c; textfield_c_2; .....

    Comment

    Working...