The following is the HTML code in dynamic table dynamic forms in jquery

jquery code in dynamic table dynamic forms

<script type= "Text/javascript" src= "/include/jquery/jquery-1.1.3.1.pack.js" > </script>
<script language= "JavaScript" >
$ ("#addjobline"). CSS ("cursor", "pointer");
$ ("#rmjobline"). CSS ("cursor", "pointer");
$ ("#addjobline"). Click (function () {
jobline+=1;
$ ("#jobline"). Val (Jobline);
var str= "";
str+= ' <tr id= "Jobline ' +jobline+ '" > '
str+= ' <td><input type= "text" name= "Brq ' +jobline+ '" > </td> '
str+= ' <td><input type= "text" name= "Erq ' +jobline+ '" ></td> '
str+= ' <td> <input type= "text" name= "School ' +jobline+ '" ></td> '
str+= ' <td><input type= ' text ' name= ' SPE ' +jobline+ ' ></td> '
str+= ' </tr> ';
$ ("#job"). Append (str);
});
$ ("#rmjobline"). Click (function () {
$ ("#jobline" +jobline). Remove ();
Jobline-=1;
$ ("#jobline"). Val (Jobline);
});
</script>

The following is the HTML code in dynamic table dynamic forms in jquery

<script>var jobline=1;</script>
<input type= "hidden" name= "Jobline" id= "Jobline" value= "1" >
<table width= "462" border= "0" cellspacing= "3" 2881064151 cellpadding= "0" >
<tr>
&LT;TD width= "" class= "TD1" > Start date </td>
&LT;TD width= "" "Class=" TD1 "> End Date </td>
&LT;TD width= "117" class= "TD1" > Organization name </td>
&LT;TD width= "class=" TD1 "> Job title </td>
</tr>
<tbody id= "Job" >
<tr id= "Jobline1" >
<td><input type= "hidden" name= "jid1" ><input type= "text" name= "BRQ1" ></td>
<td><input type= "text" name= "ERQ1" ></td>
<td><input type= "text" name= "School1" ></td>
<td><input type= "text" name= "Spe1" ></td>
</tr>
</tbody>
</table>

The following is the HTML code in dynamic table dynamic forms in jquery