I have a set of dynamic form fields in a table that I need to have shown and perhaps repeated depending on how many times the button is clicked. I have the script to do it and it works except the form fields are not renamed with the counter appended on the end. It renames the TD tag names instead of the INPUT tag name attribute.
note: ignore the name attribute currently on the TD tags. I put them on there while I was trying to figure out why it wasnt naming the INPUT tags correctly...
Javascript to replicate the fields:
Code:
<script language="JavaScript">
var counter = 0;
function AdditionalHAWB()
{
counter++;
var newFields = document.getElementById('AddHAWB').cloneNode(true);
newFields.id = '';
newFields.style.display = 'block';
var newField = newFields.childNodes;
for (var i=0;i<newField.length;i++)
{
var theName = newField[i].name
if (theName)
newField[i].name = theName + counter;
alert (theName + counter);
}
var insertHere = document.getElementById('ShowAdditionalHAWB');
insertHere.parentNode.insertBefore(newFields,insertHere);
}
</script>
Hidden Section that is unhidden and is repeated:
Code:
<table width="100%" border="0" id="HAWBtbl">
<tr style="display: none" id="addHAWB">
<td width="25%" name="frmDispatchHAWB_">
<input SIZE="20" name="frmDispatchHAWB" maxlength="20" onKeyDown="if(event.keyCode==13) event.keyCode=9;" autocomplete="off">
</td>
<td width="25%" name="frmDispatchMove_">
<input SIZE="15" name="frmDispatchMove" maxlength="40" onKeyDown="if(event.keyCode==13) event.keyCode=9;" autocomplete="off">
</td>
<td width="25%" name="frmDispatchBoL_">
<input SIZE="20" name="frmDispatchBoL" maxlength="40" onKeyDown="if(event.keyCode==13) event.keyCode=9;" autocomplete="off">
</td>
<td width="25%" name="frmDispatchAWB_">
<input SIZE="10" name="frmDispatchAWB" maxlength="40" onKeyDown="if(event.keyCode==13) event.keyCode=9;" autocomplete="off">
</td>
</tr>
<tr id="ShowAdditionalHAWB"></tr>
</table>
<table width="100%" border="0">
<tr>
<td colspan="4">
<div align="right"><input type="button" value="Additional Bills" onClick="AdditionalHAWB()"> </div>
</td>
</tr>
</table>
Thanks in advance for whatever help you all can give me....
Login
Register
FAQ
Search
