Drop-down options 4 rows at a time

N

netsurfer802

Hi, I am trying to make a drop-down option for fields but not just for
adding one row at a time. I am trying to put in the code for adding
four rows at a time, which is what I'm trying to do below. Please
advise. You will have to copy and past the HTML code below and open it
to see what I'm talking about.
Thanks very much

<HTML>

<head>
<meta http-equiv="Content-Language" content="en-us">
</head>

<FORM>
<TABLE>
<TR VALIGN="top">
<TD><INPUT TYPE=text NAME="name_8" SIZE="20" MAXLENGTH="100"
VALUE=""></TD>
<TD><INPUT TYPE=text NAME="name_11" SIZE="20" MAXLENGTH="100"
VALUE=""></TD>
<TD><INPUT TYPE=text NAME="name_10" SIZE="20" MAXLENGTH="100"
VALUE=""></TD>
<TD><INPUT TYPE=text NAME="name_28" SIZE="20" MAXLENGTH="100"
VALUE=""></TD>
<TD><INPUT TYPE=text NAME="name_9" SIZE="20" MAXLENGTH="100"
VALUE=""></TD>
</TR>
<TR VALIGN="top">
<TD><INPUT TYPE=text NAME="name_6" SIZE="20" MAXLENGTH="100"
VALUE=""></TD>
<TD><INPUT TYPE=text NAME="name_12" SIZE="20" MAXLENGTH="100"
VALUE=""></TD>
<TD><INPUT TYPE=text NAME="name_13" SIZE="20" MAXLENGTH="100"
VALUE=""></TD>
<TD><INPUT TYPE=text NAME="name_29" SIZE="20" MAXLENGTH="100"
VALUE=""></TD>
<TD><INPUT TYPE=text NAME="name_7" SIZE="20" MAXLENGTH="100"
VALUE=""></TD>
</TR>
<TR VALIGN="top">
<TD><INPUT TYPE=text NAME="name_4" SIZE="20" MAXLENGTH="100"
VALUE=""></TD>
<TD><INPUT TYPE=text NAME="name_14" SIZE="20" MAXLENGTH="100"
VALUE=""></TD>
<TD><INPUT TYPE=text NAME="name_15" SIZE="20" MAXLENGTH="100"
VALUE=""></TD>
<TD><INPUT TYPE=text NAME="name_30" SIZE="20" MAXLENGTH="100"
VALUE=""></TD>
<TD><INPUT TYPE=text NAME="name_5" SIZE="20" MAXLENGTH="100"
VALUE=""></TD>
</TR>
<TR VALIGN="top">
<TD><INPUT TYPE=text NAME="name_1" SIZE="20" MAXLENGTH="100"
VALUE=""></TD>
<TD><INPUT TYPE=text NAME="name_16" SIZE="20" MAXLENGTH="100"
VALUE=""></TD>
<TD><INPUT TYPE=text NAME="name_17" SIZE="20" MAXLENGTH="100"
VALUE=""></TD>
<TD><INPUT TYPE=text NAME="name_31" SIZE="20" MAXLENGTH="100"
VALUE=""></TD>
<TD><INPUT TYPE=text NAME="email_1" SIZE="20" MAXLENGTH="100"
VALUE=""></TD>
</TR>
<TR ID="recip_2" STYLE="DISPLAY:NONE;" VALIGN="top">
<TD><INPUT TYPE=text NAME="email_13" SIZE="20" MAXLENGTH="100"
VALUE=""></TD>
<TD><INPUT TYPE=text NAME="email_12" SIZE="20" MAXLENGTH="100"
VALUE=""></TD>
<TD><INPUT TYPE=text NAME="email_11" SIZE="20" MAXLENGTH="100"
VALUE=""></TD>
<TD><INPUT TYPE=text NAME="name_32" SIZE="20" MAXLENGTH="100"
VALUE=""></TD>
<TD><INPUT TYPE=text NAME="email_10" SIZE="20" MAXLENGTH="100"
VALUE=""></TD>
</TR>
<TR ID="recip_2" STYLE="DISPLAY:NONE;" VALIGN="top">
<TD><INPUT TYPE=text NAME="email_9" SIZE="20" MAXLENGTH="100"
VALUE=""></TD>
<TD><INPUT TYPE=text NAME="name_18" SIZE="20" MAXLENGTH="100"
VALUE=""></TD>
<TD><INPUT TYPE=text NAME="name_19" SIZE="20" MAXLENGTH="100"
VALUE=""></TD>
<TD><INPUT TYPE=text NAME="name_33" SIZE="20" MAXLENGTH="100"
VALUE=""></TD>
<TD><INPUT TYPE=text NAME="email_8" SIZE="20" MAXLENGTH="100"
VALUE=""></TD>
</TR>
<TR ID="recip_2" STYLE="DISPLAY:NONE;" VALIGN="top">
<TD><INPUT TYPE=text NAME="email_6" SIZE="20" MAXLENGTH="100"
VALUE=""></TD>
<TD><INPUT TYPE=text NAME="name_20" SIZE="20" MAXLENGTH="100"
VALUE=""></TD>
<TD><INPUT TYPE=text NAME="name_21" SIZE="20" MAXLENGTH="100"
VALUE=""></TD>
<TD><INPUT TYPE=text NAME="name_34" SIZE="20" MAXLENGTH="100"
VALUE=""></TD>
<TD><INPUT TYPE=text NAME="email_7" SIZE="20" MAXLENGTH="100"
VALUE=""></TD>
</TR>
<TR ID="recip_2" STYLE="DISPLAY:NONE;" VALIGN="top">
<TD><INPUT TYPE=text NAME="email_5" SIZE="20" MAXLENGTH="100"
VALUE=""></TD>
<TD><INPUT TYPE=text NAME="name_22" SIZE="20" MAXLENGTH="100"
VALUE=""></TD>
<TD><INPUT TYPE=text NAME="name_23" SIZE="20" MAXLENGTH="100"
VALUE=""></TD>
<TD><INPUT TYPE=text NAME="name_35" SIZE="20" MAXLENGTH="100"
VALUE=""></TD>
<TD><INPUT TYPE=text NAME="email_4" SIZE="20" MAXLENGTH="100"
VALUE=""></TD>
</TR>
<TR ID="recip_2" STYLE="DISPLAY:NONE;" VALIGN="top">
<TD><INPUT TYPE=text NAME="name_2" SIZE="20" MAXLENGTH="100"
VALUE=""></TD>
<TD><INPUT TYPE=text NAME="name_24" SIZE="20" MAXLENGTH="100"
VALUE=""></TD>
<TD><INPUT TYPE=text NAME="name_25" SIZE="20" MAXLENGTH="100"
VALUE=""></TD>
<TD><INPUT TYPE=text NAME="name_36" SIZE="20" MAXLENGTH="100"
VALUE=""></TD>
<TD><INPUT TYPE=text NAME="email_2" SIZE="20" MAXLENGTH="100"
VALUE=""></TD>
</TR>
<TR ID="recip_3" STYLE="DISPLAY:NONE;" VALIGN="top">
<TD><INPUT TYPE=text NAME="name_3" SIZE="20" MAXLENGTH="100"
VALUE=""></TD>
<TD><INPUT TYPE=text NAME="name_26" SIZE="20" MAXLENGTH="100"
VALUE=""></TD>
<TD><INPUT TYPE=text NAME="name_27" SIZE="20" MAXLENGTH="100"
VALUE=""></TD>
<TD><INPUT TYPE=text NAME="name_37" SIZE="20" MAXLENGTH="100"
VALUE=""></TD>
<TD><INPUT TYPE=text NAME="email_3" SIZE="20" MAXLENGTH="100"
VALUE=""></TD>
</TR>
<TR><TD COLSPAN="5" ALIGN="right" CLASS="mainbodytext">
<DIV ALIGN="CENTER">Additional Rows:
<SELECT NAME="recip_numb" ONCHANGE="reveal(this);">
<OPTION VALUE="1" SELECTED> 1</OPTION>
<OPTION VALUE="2"> 2</OPTION>
<OPTION VALUE="3"> 3</OPTION>
<!--OPTION VALUE="4"> 4</OPTION>
<OPTION VALUE="5"> 5</OPTION-->
</SELECT>
</DIV>
</TD>
</TR>
</TABLE>
</FORM>
<SCRIPT LANGUAGE="JavaScript" type="text/javascript">
function reveal(s) {
var val = s.options[s.selectedIndex].value;
if (val > 1) {
for (var i = 2; i <= val; i++) {
if (document.getElementById) {
document.getElementById('recip_' + i).style.display = '';
} else if (document.all) {
document.all['recip_' + i].style.display = '';
}
}
} else {
for (var i = s.options.length; i > 1; i--) {
if (document.getElementById) {
document.getElementById('recip_' + i).style.display = 'none';
} else if (document.all) {
document.all['recip_' + i].style.display = 'none';
}
}
}

}


</SCRIPT>
</HTML>
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Members online

No members online now.

Forum statistics

Threads
473,774
Messages
2,569,599
Members
45,175
Latest member
Vinay Kumar_ Nevatia
Top