WannaLearn
Programmer
Hello. Not sure if this is doable, but no harm in asking. I have a page that has 3 forms on it, all three forms go to three different email addresses. On top of the page is a drop down list, when you select one option, and hit the button, it takes you down the page to the appropriate section. There you fill out the section, and hit the "continue" link, which takes you further down the page, another form, after filling out that form you submit it.
My problem is that "section 1", "section 2", "section 3" and "Continue" are all individual forms. "section 1", "section 2", "section 3" <form> tags all have different email addresses. And each section must be emailed with the "continue" form. How can I do that? How can I also email the "Continue" form with any section that the user fills out?
This is the code, the actual form has more form fields, like <option> and <textarea> and <radiobutton>, but for the purposes to post here, i'm only using one form field.
My problem is that "section 1", "section 2", "section 3" and "Continue" are all individual forms. "section 1", "section 2", "section 3" <form> tags all have different email addresses. And each section must be emailed with the "continue" form. How can I do that? How can I also email the "Continue" form with any section that the user fills out?
This is the code, the actual form has more form fields, like <option> and <textarea> and <radiobutton>, but for the purposes to post here, i'm only using one form field.
Code:
<HTML>
<HEAD>
<script>
function goThere() {
if(document.form1.select1.options[0].selected == true) {
alert("Select Something");
return false;
}
else {
window.location.href=document.form1.select1.options[document.form1.select1.selectedIndex].value
}
}
</script>
</HEAD>
<BODY BGCOLOR="#ffffff">
<CENTER>
<br>
<table width="700" border="0" align="center">
<tr valign="top">
<td>
<center>
<table cellpadding="2" align="Center">
<tr valign="Top">
<td> <form name="form1">
<select name="select1">
<option value="">Please Select One of the Following:</option>
<option value="#Section1">Section 1</option>
<option value="#Section2">Section 2</option>
<option value="#Section1">Section 3</option>
</select>
<input type="button" value="Take me there" onClick="return goThere();">
</form></td>
</tr>
</table>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</center>
<hr>
<table width="700" align="center">
<tr>
<td>
<form method="get" action="">
<p>
<a name="Section1"></a><hr>
<table width="100%" cellpadding="2">
<tr>
<td width="72%"><font size="2" color="#ff0000"><b>SECTION
1 :</b></font><font size="2" color="004080"> For this
area, please enter the requested information.</font></td>
<td width="28%"> </td>
</tr>
</table>
<table width="100%" cellpadding="2">
<tr valign="middle">
<td><font size="2"><b>My question is: </b></font> <table width="90%" cellpadding="2">
<tr valign="middle">
<td width="56%"><textarea name="section 1 txt" cols="30"></textarea>
</td>
<td width="1%"> </td>
<td width="32%"><font size="2"><b><a href="#organization">continue</a></b></font></td>
<td width="11%"> </td>
</tr>
</table></td>
</tr>
</table>
</form>
<p>
<p>
<form method="GET" action="">
<a name="Section2"></a><hr>
<table width="100%" cellpadding="2">
<tr >
<td width="69%"><font face="ARIAL, TAHOMA, VERDANA" size="2" color="#ff0000"><b>SECTION
2 :</b></font><font face="ARIAL, TAHOMA, VERDANA" size="2" color="004080">
For this area, please enter the requested information.</font></td>
<td width="31%"></td>
</tr>
</table>
<table width="100%" cellpadding="2">
<tr>
<td width="575"><font size="2"><b>My question is: </b></font><BR> <table width="90%" cellpadding="2">
<tr valign="middle">
<td width="56%"><textarea name="section 2 txt" cols="30" id="section 2 txt"></textarea>
</td>
<td width="1%"> </td>
<td width="39%"><font size="2"><b><a href="#organization">continue</a></b></font></td>
<td width="4%"> </td>
</tr>
</table></td>
</tr>
</table>
</form>
<p>
<p>
<form method="GET" action="">
<font size="2" color="#ff0000"><b><a name="Section3"></a></b></font>
<hr>
<table width="100%" cellpadding="2">
<tr >
<td width="69%"><font size="2" color="#ff0000"><b>SECTION
3 :</b></font><font size="2"> For this area, please
enter the requested information.</font></td>
<td width="31%"></td>
</tr>
</table>
<table width="100%" cellpadding="2">
<tr>
<td><font size="2"><b>My question is: <br>
</b></font> <table width="90%" cellpadding="2">
<tr valign="middle">
<td width="56%"><textarea name="section 3 txt" cols="30" id="section 3 txt"></textarea>
</td>
<td width="1%"> </td>
<td width="38%"><font size="2"><b><a href="#organization">continue</a></b></font></td>
<td width="5%"> </td>
</tr>
</table></td>
</tr>
</table>
</form>
<p>
<p>
<form method="GET" action="">
<p> <br>
<p>
<hr>
<br>
<a name="organization"></a><font color="ff0000" size="2"><b>CONTINUE:</b></font><br>
<br>
<table>
<tr>
<td width=175 align=RIGHT></td>
<td></td>
</tr>
<tr valign="middle">
<td width=175 align=RIGHT><font face="ARIAL, TAHOMA, VERDANA"
size="1"><b>Your Name:</b></font></td>
<td width=300> <input type="text" name="YOUR NAME" maxlength="30" size="30">
</td>
</tr>
<tr valign="middle">
<td width=175 align="RIGHT"><font face="ARIAL, TAHOMA, VERDANA" size="1"><b>Your
Number:</b></font></td>
<td width=300> <input type="text" name="YOUR TELEPHONE NUMBER" maxlength="14" size="14">
</td>
</tr>
</table>
<br>
<input type="submit" value="Submit Your Question" name="submit">
<input type="reset" value="Reset" name="reset">
</form>
</td>
</tr>
</table>
</td>
</tr>
</table>
</CENTER>
</BODY>
</HTML>
