javascript - Generating forms to fit in a table -


so have 2 forms side side, , i'm trying allow user generate many forms he/she wants, , have each form stored table data, 2 per row. issue i'm having forms won't store in table, , i'm not entirely sure i'm doing wrong. start out making form find out how many forms user wants generate.

<table border='1'> <span id='exforms'>   <input type='text' name ='number' id='number'>   <button type='button' onclick="add()">add</button> </span> </table> 

next number sent add()

add() {   var number = document.getelementsbyname('number')[0].value;   var x = document.getelementbyid('exforms');    number = parseint(number);   var i;   x.innerhtml="";   x.innerhtml+="<tr><th>form1</th> <th>form2</th></tr>";   for(i = 0; i<number; i++)   {      x.innerhtml+="<tr><td><input type='text' name='commandsc[]'></td><tr><td><input type='text' name='commandsi[]'></td></tr>";   }   x.innerhtml+="<input type='submit' name ='submit' value='submit'>"; } 

the output forms on line submit button. great. thanks.

you can solve problem adding new created row existing table tbody.

see link how it: http://www.roseindia.net/javascript/javascript-add-row-to-table.shtml


Comments

Popular posts from this blog

c# - SVN Error : "svnadmin: E205000: Too many arguments" -

c# - Copy ObservableCollection to another ObservableCollection -

All overlapping substrings matching a java regex -