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
Post a Comment