I have a form that allows people to click 'Show More' and a second row pops up. The field is a drop dow populated by js. The problem I am having is assigning the new number to the js for drop list population. What I have so far is:
function showMoreWashers()
{
items+=1;
if (items < 12) {
document.getElementById('showMoreWashers').innerHTML += '<table border="0" width="100%" cellpadding="0" cellspacing="0" class="subTable"><tr><td><select name="washerA'+items+'"><Option value="" ></option></select></td><td style="padding-right: 1px;"><input class="num" name="washerqtyA'+items+'" type="text" value="" size=3></td><td style="padding-left: 2px;"><select name="washerB'+items+'"></select></td><td><input class="num" name="washerqtyB'+items+'" type="text" value="" size=3"></td></tr></table>';
}
else {
alert("Only 12 products can be compared!");
}
for (var i=0; i < prodlist1.length;++i){
addOption(document.ordform.washerA2, prodlist1[i], [i]);
}
for (var i=0; i < prodlist1.length;++i){
addOption(document.ordform.washerA3, prodlist1[i], [i]);
}
for (var i=0; i < prodlist1.length;++i){
addOption(document.ordform.washerA4, prodlist1[i], [i]);
}
for (var i=0; i < prodlist1.length;++i){
addOption(document.ordform.washerA5, prodlist1[i], [i]);
}
... and so on...
But this populates each one before it.. so when 3 is populated, another set is added to 2. I need something like this:
