Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations sizbut on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Dynamically replicating tables

Status
Not open for further replies.
song2siren

song2siren

Programmer
Jun 4, 2003
103
GB
Hello

I've created an online booking form for people to book places on various conferences. On the form is the following table, nested within a row of a larger table:

<tr>
<td colspan=&quot;2&quot;><table width=&quot;70%&quot; border=&quot;0&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;>
<tr>
<td valign=&quot;top&quot; class=&quot;Heading1&quot;>Delegate 1</td>
<td valign=&quot;top&quot;>&nbsp;</td>
</tr>
<tr>
<td height=&quot;10&quot; valign=&quot;top&quot;></td>
<td height=&quot;10&quot; valign=&quot;top&quot;></td>
</tr>
<tr>
<td width=&quot;45%&quot; valign=&quot;top&quot; class=&quot;head&quot;>Title:</td>
<td width=&quot;55%&quot; valign=&quot;top&quot; class=&quot;confEntry&quot;><select name=&quot;Title1&quot; class=&quot;Text&quot;>
<option>Mr</option>
<option>Mrs</option>
<option>Miss</option>
<option>Ms</option>
<option>Sir</option>
<option>Dr</option>
</select>
</tr>
<tr>
<td height=&quot;2&quot;></td>
<td height=&quot;2&quot;></td>
</tr>
<tr>
<td height=&quot;25&quot; valign=&quot;top&quot; class=&quot;head&quot;>First Name:</td>
<td height=&quot;25&quot; valign=&quot;top&quot; class=&quot;confEntry&quot;><input name=&quot;FirstName1&quot; type=&quot;text&quot; class=&quot;Text&quot; size=&quot;20&quot;>
</td>
</tr>
<tr>
<td height=&quot;2&quot; valign=&quot;top&quot;></td>
<td height=&quot;2&quot; valign=&quot;top&quot;></td>
</tr>
<tr>
<td height=&quot;25&quot; valign=&quot;top&quot; class=&quot;head&quot;>Surname:</td>
<td height=&quot;25&quot; valign=&quot;top&quot; class=&quot;confEntry&quot;><input name=&quot;Surname1&quot; type=&quot;text&quot; class=&quot;Text&quot; size=&quot;20&quot;></td>
</tr>
<tr>
<td height=&quot;2&quot; valign=&quot;top&quot;></td>
<td height=&quot;2&quot; valign=&quot;top&quot;></td>
</tr>
<tr>
<td height=&quot;25&quot; valign=&quot;top&quot; class=&quot;head&quot;>Position:</td>
<td height=&quot;25&quot; valign=&quot;top&quot; class=&quot;confEntry&quot;><input name=&quot;Position1&quot; type=&quot;text&quot; class=&quot;Text&quot; size=&quot;20&quot;></td>
</tr>
<tr>
<td height=&quot;2&quot; valign=&quot;top&quot;></td>
<td height=&quot;2&quot; valign=&quot;top&quot;></td>
</tr>
<tr>
<td height=&quot;25&quot; valign=&quot;top&quot; class=&quot;head&quot;>Profession:</td>
<td height=&quot;25&quot; valign=&quot;top&quot; class=&quot;confEntry&quot;><input name=&quot;Profession1&quot; type=&quot;text&quot; class=&quot;Text&quot; size=&quot;20&quot;></td>
</tr>
<tr>
<td height=&quot;2&quot; valign=&quot;top&quot;></td>
<td height=&quot;2&quot; valign=&quot;top&quot;></td>
</tr>
<tr>
<td height=&quot;25&quot; valign=&quot;top&quot; class=&quot;head&quot;>Email:</td>
<td height=&quot;25&quot; valign=&quot;top&quot; class=&quot;confEntry&quot;><input name=&quot;EmailDel1&quot; type=&quot;text&quot; class=&quot;Text&quot;></td>
</tr>
<tr>
<td height=&quot;2&quot; valign=&quot;top&quot;></td>
<td height=&quot;2&quot; valign=&quot;top&quot;></td>
</tr>
<tr>
<td height=&quot;25&quot; valign=&quot;top&quot; class=&quot;head&quot;>Direct Tel:</td>
<td height=&quot;25&quot; valign=&quot;top&quot; class=&quot;confEntry&quot;><input name=&quot;TelDel1&quot; type=&quot;text&quot; class=&quot;Text&quot;></td>
</tr>
<tr>
<td height=&quot;2&quot; valign=&quot;top&quot;></td>
<td height=&quot;2&quot; valign=&quot;top&quot;></td>
</tr>
<tr>
<td height=&quot;25&quot; valign=&quot;top&quot; class=&quot;head&quot;>Attendance Under:</td>
<td height=&quot;25&quot; valign=&quot;top&quot; class=&quot;confEntry&quot;><select name=&quot;Attendance1&quot; class=&quot;Text&quot;>
<option selected>None</option>
<option>Law Society CPD Scheme</option>
<option>ILEX CPD Scheme</option>
<option>Bar Council Practitioner Programme</option>
</select></td>
</tr>
<tr>
<td height=&quot;2&quot; valign=&quot;top&quot;></td>
<td height=&quot;2&quot; valign=&quot;top&quot;></td>
</tr>
<tr>
<td height=&quot;25&quot; valign=&quot;top&quot; class=&quot;head&quot;>Dietary Requirements:</td>
<td height=&quot;25&quot; valign=&quot;top&quot; class=&quot;confEntry&quot;><input name=&quot;Diet1&quot; type=&quot;text&quot; class=&quot;Text&quot;></td>
<tr>
<td height=&quot;2&quot; valign=&quot;top&quot;></td>
<td height=&quot;2&quot; valign=&quot;top&quot;></td>
</tr>
</table>
</td>
</tr>

However, I need to add a button which the user can click to add an infinite number of extra delegates.

When the button is clicked, the replica table must appear in a row below the one in which the above table appears. All of the input names for the form objects such as FirstName1 must then be automatically named FirstName2 etc, and the table must have the heading Delegate 2.

This looks a bit tricky to me, so any ideas/help would be very much appreciated!
 
Sort by date Sort by votes
The fact that you want to name them all differently makes it much more difficult. Otherwise, you could clone the whole table and all it's contents in a few lines of code and have your form handler split the values...

<script>
dCount = 1
function addDelegate(){
dCount ++
newTable = document.createElement(&quot;table&quot;)
newTbody = document.createElement(&quot;tBody&quot;)
newTable.appendChild(newTbody)
newRow = document.createElement(&quot;tr&quot;)
newTbody.appendChild(newRow)
newCell = document.createElement(&quot;td&quot;)
newRow.appendChild(newCell)
newCell.colspan = 3
newCell.innerHTML = &quot;Delegate &quot; + dCount
newRow = document.createElement(&quot;tr&quot;)
newTbody.appendChild(newRow)
newCell = document.createElement(&quot;td&quot;)
newRow.appendChild(newCell)
newSelect = document.getElementById(&quot;title&quot; + (dCount - 1)).cloneNode(true)
newSelect.id = &quot;title&quot; + dCount
newCell.appendChild(newSelect)
newCell = document.createElement(&quot;td&quot;)
newRow.appendChild(newCell)
newInput = document.getElementById(&quot;fName&quot; + (dCount - 1)).cloneNode(true)
newSelect.id = &quot;fName&quot; + dCount
newCell.appendChild(newInput)
newCell = document.createElement(&quot;td&quot;)
newRow.appendChild(newCell)
newInput = document.getElementById(&quot;lName&quot; + (dCount - 1)).cloneNode(true)
newSelect.id = &quot;lName&quot; + dCount
newCell.appendChild(newInput)

mTable = document.getElementById(&quot;mainTable&quot;)
newRow = document.createElement(&quot;tr&quot;)
newCell = document.createElement(&quot;td&quot;)
mTable.appendChild(newRow)
newRow.appendChild(newCell)
newCell.appendChild(newTable)

}
</script>

<body>
<table id=&quot;mainTable&quot;>
<tr><td>
<table id=&quot;del1&quot;>
<tr><td colspan=3>Delegate 1</td></tr>
<tr>
<td><select name=&quot;title1&quot; id=&quot;title1&quot;></td>
<td><input name=&quot;fName1&quot; id=&quot;fName1&quot;></td>
<td><input name=&quot;lName1&quot; id=&quot;lName1&quot;></td>
</tr>
</table>
</tr>
</table>

Programming today is a race between software engineers striving to build better and bigger idiot-proof programs, and the Universe trying to produce bigger and better idiots. So far, the Universe is winning. - Rick Cook
 
Upvote 0 Downvote
Here's another approach (though I'm sure it could be optimized). This should work for IE4+ browsers. My &quot;Add Button&quot; arrangement is kinda clunky, but whaddya expect for a quick hack? :p

Code: 
<html>
<head>
<title>Untitled</title>

<script language=&quot;JavaScript&quot; type=&quot;text/javascript&quot;>
<!--
    var rowcount = 1;
    
    function AddRow() {
		
        rowcount++;
        
        // Create a blank row for easier reading.
        var EmptyRow = document.all.tblMain.insertRow();
        EmptyRow.insertCell().innerText = ' ';
        
        // Create a new row and cell to hold the copied HTML elements.
        var NewRow = document.all.tblMain.insertRow();
        var NewCell = NewRow.insertCell();
        
        var HTML  = &quot;<tr>&quot;
        HTML += &quot;<td colspan='2'><table width='70%' border='0' cellspacing='0' cellpadding='0'>&quot;
		HTML += &quot;<tr><td valign='top' class='Heading&quot; + rowcount + &quot;'>Delegate &quot; + rowcount + &quot;</td>&quot;
		HTML += &quot;<td valign='top'> </td></tr>&quot;
        HTML += &quot;<tr><td height='10' valign='top'></td><td height='10' valign='top'></td></tr>&quot;
		HTML += &quot;<tr><td width='45%' valign='top' class='head'>Title:</td>&quot;
		HTML += &quot;<td width='55%' valign='top' class='confEntry'>&quot;
        HTML += &quot;<select name='Title&quot; + rowcount + &quot;' class='Text'>&quot;
		HTML += &quot;<option>Mr</option>&quot;
		HTML += &quot;<option>Mrs</option>&quot;
		HTML += &quot;<option>Miss</option>&quot;
		HTML += &quot;<option>Ms</option>&quot;
		HTML += &quot;<option>Sir</option>&quot;
		HTML += &quot;<option>Dr</option></select></tr>&quot;
		HTML += &quot;<tr><td height='2'></td>&quot;
        HTML += &quot;<td height='2'></td></tr>&quot;
		HTML += &quot;<tr><td height='25' valign='top' class='head'>First Name:</td>&quot;
		HTML += &quot;<td height='25' valign='top' class='confEntry'>&quot;
        HTML += &quot;<input name='FirstName&quot; + rowcount + &quot;' type='text' class='Text' size='20'></td></tr>&quot;
		HTML += &quot;<tr><td height='2' valign='top'></td>&quot;
		HTML += &quot;<td height='2' valign='top'></td></tr>&quot;
		HTML += &quot;<tr><td height='25' valign='top' class='head'>Surname:</td>&quot;
		HTML += &quot;<td height='25' valign='top' class='confEntry'>&quot;
        HTML += &quot;<input name='Surname'&quot; + rowcount + &quot;' type='text' class='Text' size='20'></td></tr>&quot;
		HTML += &quot;<tr><td height='2' valign='top'></td>&quot;
		HTML += &quot;<td height='2' valign='top'></td></tr>&quot;
		HTML += &quot;<tr><td height='25' valign='top' class='head'>Position:</td>&quot;
		HTML += &quot;<td height='25' valign='top' class='confEntry'>&quot;
        HTML += &quot;<input name='Position&quot; + rowcount + &quot;' type='text' class='Text' size='20'></td></tr>&quot;
		HTML += &quot;<tr><td height='2' valign='top'></td>&quot;
		HTML += &quot;<td height='2' valign='top'></td></tr>&quot;
		HTML += &quot;<tr><td height='25' valign='top' class='head'>Profession:</td>&quot;
		HTML += &quot;<td height='25' valign='top' class='confEntry'>&quot;
        HTML += &quot;<input name='Profession&quot; + rowcount + &quot;' type='text' class='Text' size='20'></td></tr>&quot;
		HTML += &quot;<tr><td height='2' valign='top'></td>&quot;
		HTML += &quot;<td height='2' valign='top'></td></tr>&quot;
		HTML += &quot;<tr><td height='25' valign='top' class='head'>Email:</td>&quot;
		HTML += &quot;<td height='25' valign='top' class='confEntry'>&quot;
        HTML += &quot;<input name='EmailDel&quot; + rowcount + &quot;' type='text' class='Text'></td></tr>&quot;
		HTML += &quot;<tr><td height='2' valign='top'></td>&quot;
		HTML += &quot;<td height='2' valign='top'></td></tr>&quot;
		HTML += &quot;<tr><td height='25' valign='top' class='head'>Direct Tel:</td>&quot;
		HTML += &quot;<td height='25' valign='top' class='confEntry'>&quot;
        HTML += &quot;<input name='TelDel&quot; + rowcount + &quot;' type='text' class='Text'></td></tr>&quot;
		HTML += &quot;<tr><td height='2' valign='top'></td>&quot;
		HTML += &quot;<td height='2' valign='top'></td></tr>&quot;
		HTML += &quot;<tr><td height='25' valign='top' class='head'>Attendance Under:</td>&quot;
		HTML += &quot;<td height='25' valign='top' class='confEntry'>&quot;
        HTML += &quot;<select name='Attendance&quot; + rowcount + &quot;' class='Text'>&quot;
		HTML += &quot;<option selected>None</option>&quot;
		HTML += &quot;<option>Law Society CPD Scheme</option>&quot;
		HTML += &quot;<option>ILEX CPD Scheme</option>&quot;
		HTML += &quot;<option>Bar Council Practitioner Programme</option></select></td></tr>&quot;
		HTML += &quot;<tr><td height='2' valign='top'></td>&quot;
		HTML += &quot;<td height='2' valign='top'></td></tr>&quot;
		HTML += &quot;<tr><td height='25' valign='top' class='head'>Dietary Requirements:</td>&quot;
		HTML += &quot;<td height='25' valign='top' class='confEntry'>&quot;
        HTML += &quot;<input name='Diet&quot; + rowcount + &quot;' type='text' class='Text'></td>&quot;
		HTML += &quot;<tr><td height='2' valign='top'></td>&quot;
		HTML += &quot;<td height='2' valign='top'></td></tr></table></td></tr>&quot;

        NewCell.innerHTML = HTML;
    }    
	 
//-->
</script>

</head>
<body>
<form id=&quot;frmMain&quot;>
<table id=&quot;tblMain&quot;>
<tr>
<td colspan=&quot;2&quot;><table id=&quot;tblSub&quot; width=&quot;70%&quot; border=&quot;0&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;>
<tr>
<td valign=&quot;top&quot; class=&quot;Heading1&quot;>Delegate 1</td>
<td valign=&quot;top&quot;> </td>
</tr>
<tr>
<td height=&quot;10&quot; valign=&quot;top&quot;></td>
<td height=&quot;10&quot; valign=&quot;top&quot;></td>
</tr>
<tr>
<td width=&quot;45%&quot; valign=&quot;top&quot; class=&quot;head&quot;>Title:</td>
<td width=&quot;55%&quot; valign=&quot;top&quot; class=&quot;confEntry&quot;><select name=&quot;Title1&quot; class=&quot;Text&quot;>
<option>Mr</option>
<option>Mrs</option>
<option>Miss</option>
<option>Ms</option>
<option>Sir</option>
<option>Dr</option>
</select>
</tr>
<tr>
<td height=&quot;2&quot;></td>
<td height=&quot;2&quot;></td>
</tr>
<tr>
<td height=&quot;25&quot; valign=&quot;top&quot; class=&quot;head&quot;>First Name:</td>
<td height=&quot;25&quot; valign=&quot;top&quot; class=&quot;confEntry&quot;><input name=&quot;FirstName1&quot; type=&quot;text&quot; class=&quot;Text&quot; size=&quot;20&quot;>
</td>
</tr>
<tr>
<td height=&quot;2&quot; valign=&quot;top&quot;></td>
<td height=&quot;2&quot; valign=&quot;top&quot;></td>
</tr>
<tr>
<td height=&quot;25&quot; valign=&quot;top&quot; class=&quot;head&quot;>Surname:</td>
<td height=&quot;25&quot; valign=&quot;top&quot; class=&quot;confEntry&quot;><input name=&quot;Surname1&quot; type=&quot;text&quot; class=&quot;Text&quot; size=&quot;20&quot;></td>
</tr>
<tr>
<td height=&quot;2&quot; valign=&quot;top&quot;></td>
<td height=&quot;2&quot; valign=&quot;top&quot;></td>
</tr>
<tr>
<td height=&quot;25&quot; valign=&quot;top&quot; class=&quot;head&quot;>Position:</td>
<td height=&quot;25&quot; valign=&quot;top&quot; class=&quot;confEntry&quot;><input name=&quot;Position1&quot; type=&quot;text&quot; class=&quot;Text&quot; size=&quot;20&quot;></td>
</tr>
<tr>
<td height=&quot;2&quot; valign=&quot;top&quot;></td>
<td height=&quot;2&quot; valign=&quot;top&quot;></td>
</tr>
<tr>
<td height=&quot;25&quot; valign=&quot;top&quot; class=&quot;head&quot;>Profession:</td>
<td height=&quot;25&quot; valign=&quot;top&quot; class=&quot;confEntry&quot;><input name=&quot;Profession1&quot; type=&quot;text&quot; class=&quot;Text&quot; size=&quot;20&quot;></td>
</tr>
<tr>
<td height=&quot;2&quot; valign=&quot;top&quot;></td>
<td height=&quot;2&quot; valign=&quot;top&quot;></td>
</tr>
<tr>
<td height=&quot;25&quot; valign=&quot;top&quot; class=&quot;head&quot;>Email:</td>
<td height=&quot;25&quot; valign=&quot;top&quot; class=&quot;confEntry&quot;><input name=&quot;EmailDel1&quot; type=&quot;text&quot; class=&quot;Text&quot;></td>
</tr>
<tr>
<td height=&quot;2&quot; valign=&quot;top&quot;></td>
<td height=&quot;2&quot; valign=&quot;top&quot;></td>
</tr>
<tr>
<td height=&quot;25&quot; valign=&quot;top&quot; class=&quot;head&quot;>Direct Tel:</td>
<td height=&quot;25&quot; valign=&quot;top&quot; class=&quot;confEntry&quot;><input name=&quot;TelDel1&quot; type=&quot;text&quot; class=&quot;Text&quot;></td>
</tr>
<tr>
<td height=&quot;2&quot; valign=&quot;top&quot;></td>
<td height=&quot;2&quot; valign=&quot;top&quot;></td>
</tr>
<tr>
<td height=&quot;25&quot; valign=&quot;top&quot; class=&quot;head&quot;>Attendance Under:</td>
<td height=&quot;25&quot; valign=&quot;top&quot; class=&quot;confEntry&quot;><select name=&quot;Attendance1&quot; class=&quot;Text&quot;>
<option selected>None</option>
<option>Law Society CPD Scheme</option>
<option>ILEX CPD Scheme</option>
<option>Bar Council Practitioner Programme</option>
</select></td>
</tr>
<tr>
<td height=&quot;2&quot; valign=&quot;top&quot;></td>
<td height=&quot;2&quot; valign=&quot;top&quot;></td>
</tr>
<tr>
<td height=&quot;25&quot; valign=&quot;top&quot; class=&quot;head&quot;>Dietary Requirements:</td>
<td height=&quot;25&quot; valign=&quot;top&quot; class=&quot;confEntry&quot;><input name=&quot;Diet1&quot; type=&quot;text&quot; class=&quot;Text&quot;></td>
<tr>
<td height=&quot;2&quot; valign=&quot;top&quot;></td>
<td height=&quot;2&quot; valign=&quot;top&quot;></td>
</tr>
</table>
</td>
</tr>

</table>

<input type=&quot;button&quot; id=&quot;btnAdd&quot; onclick=&quot;AddRow();&quot; value=&quot;Add Row&quot;></input>
</form>
</body>
</html>

hth
Mark
 
Upvote 0 Downvote
Here's a third technique you could try:


<div id=&quot;template&quot; style=&quot;display:none&quot;>
<table>
<tr>
<td colspan=&quot;2&quot;><table width=&quot;70%&quot; border=&quot;0&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;>
<tr>
<td valign=&quot;top&quot; class=&quot;Headingxxx&quot;>Delegate xxx</td>
<td valign=&quot;top&quot;> </td>
</tr>
<tr>
<td height=&quot;10&quot; valign=&quot;top&quot;></td>
<td height=&quot;10&quot; valign=&quot;top&quot;></td>
</tr>
<tr>
<td width=&quot;45%&quot; valign=&quot;top&quot; class=&quot;head&quot;>Title:</td>
<td width=&quot;55%&quot; valign=&quot;top&quot; class=&quot;confEntry&quot;><select name=&quot;Titlexxx&quot; class=&quot;Text&quot;>
<option>Mr</option>
<option>Mrs</option>
<option>Miss</option>
<option>Ms</option>
<option>Sir</option>
<option>Dr</option>
</select>
</tr>
<tr>
<td height=&quot;2&quot;></td>
<td height=&quot;2&quot;></td>
</tr>
<tr>
<td height=&quot;25&quot; valign=&quot;top&quot; class=&quot;head&quot;>First Name:</td>
<td height=&quot;25&quot; valign=&quot;top&quot; class=&quot;confEntry&quot;><input name=&quot;FirstNamexxx&quot; type=&quot;text&quot; class=&quot;Text&quot; size=&quot;20&quot;>
</td>
</tr>
<tr>
<td height=&quot;2&quot; valign=&quot;top&quot;></td>
<td height=&quot;2&quot; valign=&quot;top&quot;></td>
</tr>
<tr>
<td height=&quot;25&quot; valign=&quot;top&quot; class=&quot;head&quot;>Surname:</td>
<td height=&quot;25&quot; valign=&quot;top&quot; class=&quot;confEntry&quot;><input name=&quot;Surnamexxx&quot; type=&quot;text&quot; class=&quot;Text&quot; size=&quot;20&quot;></td>
</tr>
<tr>
<td height=&quot;2&quot; valign=&quot;top&quot;></td>
<td height=&quot;2&quot; valign=&quot;top&quot;></td>
</tr>
<tr>
<td height=&quot;25&quot; valign=&quot;top&quot; class=&quot;head&quot;>Position:</td>
<td height=&quot;25&quot; valign=&quot;top&quot; class=&quot;confEntry&quot;><input name=&quot;Positionxxx&quot; type=&quot;text&quot; class=&quot;Text&quot; size=&quot;20&quot;></td>
</tr>
<tr>
<td height=&quot;2&quot; valign=&quot;top&quot;></td>
<td height=&quot;2&quot; valign=&quot;top&quot;></td>
</tr>
<tr>
<td height=&quot;25&quot; valign=&quot;top&quot; class=&quot;head&quot;>Profession:</td>
<td height=&quot;25&quot; valign=&quot;top&quot; class=&quot;confEntry&quot;><input name=&quot;Professionxxx&quot; type=&quot;text&quot; class=&quot;Text&quot; size=&quot;20&quot;></td>
</tr>
<tr>
<td height=&quot;2&quot; valign=&quot;top&quot;></td>
<td height=&quot;2&quot; valign=&quot;top&quot;></td>
</tr>
<tr>
<td height=&quot;25&quot; valign=&quot;top&quot; class=&quot;head&quot;>Email:</td>
<td height=&quot;25&quot; valign=&quot;top&quot; class=&quot;confEntry&quot;><input name=&quot;EmailDelxxx&quot; type=&quot;text&quot; class=&quot;Text&quot;></td>
</tr>
<tr>
<td height=&quot;2&quot; valign=&quot;top&quot;></td>
<td height=&quot;2&quot; valign=&quot;top&quot;></td>
</tr>
<tr>
<td height=&quot;25&quot; valign=&quot;top&quot; class=&quot;head&quot;>Direct Tel:</td>
<td height=&quot;25&quot; valign=&quot;top&quot; class=&quot;confEntry&quot;><input name=&quot;TelDelxxx&quot; type=&quot;text&quot; class=&quot;Text&quot;></td>
</tr>
<tr>
<td height=&quot;2&quot; valign=&quot;top&quot;></td>
<td height=&quot;2&quot; valign=&quot;top&quot;></td>
</tr>
<tr>
<td height=&quot;25&quot; valign=&quot;top&quot; class=&quot;head&quot;>Attendance Under:</td>
<td height=&quot;25&quot; valign=&quot;top&quot; class=&quot;confEntry&quot;><select name=&quot;Attendancexxx&quot; class=&quot;Text&quot;>
<option selected>None</option>
<option>Law Society CPD Scheme</option>
<option>ILEX CPD Scheme</option>
<option>Bar Council Practitioner Programme</option>
</select></td>
</tr>
<tr>
<td height=&quot;2&quot; valign=&quot;top&quot;></td>
<td height=&quot;2&quot; valign=&quot;top&quot;></td>
</tr>
<tr>
<td height=&quot;25&quot; valign=&quot;top&quot; class=&quot;head&quot;>Dietary Requirements:</td>
<td height=&quot;25&quot; valign=&quot;top&quot; class=&quot;confEntry&quot;><input name=&quot;Dietxxx&quot; type=&quot;text&quot; class=&quot;Text&quot;></td>
<tr>
<td height=&quot;2&quot; valign=&quot;top&quot;></td>
<td height=&quot;2&quot; valign=&quot;top&quot;></td>
</tr>
</table>
</td>
</tr>
</table>
<hr>
</div>



<input type=&quot;button&quot; value=&quot;Add more delegates&quot;
onclick=&quot;this.insertAdjacentHTML('beforeBegin',document.getElementById('template').innerHTML.replace(/xxx/g,(window.count ? ++window.count : window.count=1)))&quot;>


Adam
while(woman.width>woman.height && wallet.value>0){beer++;vision.blur()};
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

lexer
  • Locked
  • Question
Adding datepicker calendar dynamically
Replies
0
Views
240
lexer
lexer
AbidingDude
  • Locked
  • Question
Dynamically Create A Table
Replies
3
Views
197
AbidingDude
AbidingDude
chelares
  • Locked
  • Question
Issues with Tables
Replies
2
Views
136
Offera
Offera
tshad
  • Locked
  • Question
Add autofocus dynamically 1
Replies
3
Views
245
jpadie
jpadie
sirnose1
  • Locked
  • Question
Disable dynamically generated input type = checkbox in table column
Replies
4
Views
283
feherke
feherke

Part and Inventory Search

Sponsor

Back
Top