Add content to tr
by Terrance Smith
HTML
<table>
<tr id="myRow">
<td>Test</td>
</tr>
<tr id="miscRow"></tr>
</table>
<input type="hidden" id="miscRowCount" value="0" />
<input type="button" id="btnAddMisc" value="add row" />
JavaScript
function removeRow(n) {
$("#miscRow" + n).remove();
}
$(document).ready(function () {
$("#btnAddMisc").click(function (event) {
var num = parseInt($("#miscRowCount").val(), 10);
document.getElementById("miscRowCount").value = parseInt(num, 10) + 1;
$("<tr id='miscRow" + num.toString() + "'><td>" +
" <label for='ddMisc" + num.toString() + "'>Misc Field</label>" +
"</td>" +
"<td>" +
" <select id='ddMisc" + num.toString() + "' class='filterDD' name='ddMisc' >" +
" <option value='misc1'>misc1</option>" +
" <option value='misc2'>misc2</option>" +
" <option value='misc3'>misc3</option>" +
" <option value='misc4'>misc4</option>" +
" <option value='misc5'>misc5</option>" +
" <option value='misc6'>misc6</option>" +
" <option value='misc7'>misc7</option>" +
" <option value='misc8'>misc8</option>" +
" <option value='misc9'>misc9</option>" +
" <option value='misc10'>misc10</option>" +
" <option value='misc11'>misc11</option>" +
" <option value='misc12'>misc12</option>" +
" <option value='misc13'>misc13</option>" +
" <option value='misc14'>misc14</option>" +
" <option value='misc15'>misc15</option>" +
" <option value='misc16'>misc16</option>" +
" <option value='misc17'>misc17</option>" +
" <option value='misc18'>misc18</option>" +
" <option value='misc19'>misc19</option>" +
" <option value='misc20'>misc20</option>" +
" </select>" +
"</td>" +
"<td>" +
" <label for='txtMisc" + num.toString() + "' alt='Value you wish to search for within the misc field seleted'>Value</label>" +
...