kw2102
04-09-2009, 03:47 PM
Hello all,
I am trying to figure out why my form results (once emailed to me) display as if all radio boxes were selected, when I only select one. People are supposed to choose a day (radio option) and then a hidden option for the time will show once they choose the day. (It's for making reservations. I used this page to help me do it: http://www.codingforums.com/archive/index.php/t-22322.html ) But when I get the email from the submitted form, it displays as if all of the radio options were selected.
--------------------------------------------------------------------------
Here is the form code (from the webpage)
<form action="http://www.costamessarestaurant.com/cgi-bin/resreq.pl" method="post" name="reservation" id="reservation" onsubmit="MM_validateForm('Name','','R','phone','','R','Number of Guests','','R');return document.MM_returnValue">
<input type="hidden" name="subject" value="Reservation Request Submitted" />
<input type="hidden" name="redirect" value="http://www.costamessarestaurant.com/reservationconf.html" />
<input type="hidden" name="required" value="name,phone" />
<table width="750" border="0" cellspacing="0" cellpadding="5">
<tr>
<td width="239" scope="col">Name:
<br />
<input name="name" type="text" id="name" size="30" /></td>
<td width="491" scope="col">Phone:
<br />
<input type="text" name="phone" id="phone" /></td>
</tr>
<tr>
<td>E-mail:
<br />
<input name="email" type="text" id="email" size="30" /></td>
<td>Nature of event:<br />
<input name="Nature of event:" type="text" id="Nature of event:" size="40" /></td>
</tr>
<tr>
<td>Please select a reservation day:<br /></td>
<td> </td>
</tr>
<tr>
<td><label>
<input type="radio" name="Day" value="Monday" id="Day_0" onclick="document.getElementById('mydivM').style.display=(this.checked)?'inline':'none';"/>
Monday</label></td>
<td> <div id="mydivM" style="display:none">
Please select a time:
<select name="MondayTime">
<option value="230pm">2:30 p.m.</option>
<option value="3pm">3 p.m.</option>
<option value="330pm">3:30 p.m.</option>
<option value="4pm">4 p.m.</option>
<option value="430pm">4:30 p.m.</option>
<option value="5pm">5 p.m.</option>
<option value="530pm">5:30 p.m.</option>
<option value="6pm">6 p.m.</option>
<option value="630pm">6:30 p.m.</option>
<option value="6pm">7 p.m.</option>
<option value="630pm">7:30 p.m.</option>
<option value="6pm">8 p.m.</option>
<option value="630pm">8:30 p.m.</option>
<option value="6pm">9 p.m.</option>
</select></div></td>
</tr>
<tr>
<td><label>
<input type="radio" name="Day" value="Tuesday" id="Day_1" onclick="document.getElementById('mydivT').style.display=(this.checked)?'inline':'none';" />
Tuesday</label></td>
<td><div id="mydivT" style="display:none">
Please select a time:
<select name="TuesdayTime">
<option value="230pm">2:30 p.m.</option>
<option value="3pm">3 p.m.</option>
<option value="330pm">3:30 p.m.</option>
<option value="4pm">4 p.m.</option>
<option value="430pm">4:30 p.m.</option>
<option value="5pm">5 p.m.</option>
<option value="530pm">5:30 p.m.</option>
<option value="6pm">6 p.m.</option>
<option value="630pm">6:30 p.m.</option>
<option value="6pm">7 p.m.</option>
<option value="630pm">7:30 p.m.</option>
<option value="6pm">8 p.m.</option>
<option value="630pm">8:30 p.m.</option>
<option value="6pm">9 p.m.</option>
</select></div></td>
</tr>
<tr>
<td><label>
<input type="radio" name="Day" value="Wednesday" id="Day_2" onclick="document.getElementById('mydivW').style.display=(this.checked)?'inline':'none';" />
Wednesday</label></td>
<td><div id="mydivW" style="display:none">
Please select a time:
<select name="WednesdayTime">
<option value="230pm">2:30 p.m.</option>
<option value="3pm">3 p.m.</option>
<option value="330pm">3:30 p.m.</option>
<option value="4pm">4 p.m.</option>
<option value="430pm">4:30 p.m.</option>
<option value="5pm">5 p.m.</option>
<option value="530pm">5:30 p.m.</option>
<option value="6pm">6 p.m.</option>
<option value="630pm">6:30 p.m.</option>
<option value="6pm">7 p.m.</option>
<option value="630pm">7:30 p.m.</option>
<option value="6pm">8 p.m.</option>
<option value="630pm">8:30 p.m.</option>
<option value="6pm">9 p.m.</option>
</select></div></td>
</tr>
<tr>
<td><label>
<input type="radio" name="Day" value="Thursday" id="Day_3" onclick="document.getElementById('mydivTh').style.display=(this.checked)?'inline':'none';" />
Thursday</label></td>
<td><div id="mydivTh" style="display:none">
Please select a time:
<select name="ThursdayTime">
<option value="230pm">2:30 p.m.</option>
<option value="3pm">3 p.m.</option>
<option value="330pm">3:30 p.m.</option>
<option value="4pm">4 p.m.</option>
<option value="430pm">4:30 p.m.</option>
<option value="5pm">5 p.m.</option>
<option value="530pm">5:30 p.m.</option>
<option value="6pm">6 p.m.</option>
<option value="630pm">6:30 p.m.</option>
<option value="6pm">7 p.m.</option>
<option value="630pm">7:30 p.m.</option>
<option value="6pm">8 p.m.</option>
<option value="630pm">8:30 p.m.</option>
<option value="6pm">9 p.m.</option>
</select></div></td>
</tr>
<tr>
<td><label>
<input type="radio" name="Day" value="Friday" id="Day_4" onclick="document.getElementById('mydivF').style.display=(this.checked)?'inline':'none';" />
Friday</label></td>
<td><div id="mydivF" style="display:none">
Please select a time:
<select name="FridayTime">
<option value="230pm">2:30 p.m.</option>
<option value="3pm">3 p.m.</option>
<option value="330pm">3:30 p.m.</option>
<option value="4pm">4 p.m.</option>
<option value="430pm">4:30 p.m.</option>
<option value="5pm">5 p.m.</option>
<option value="530pm">5:30 p.m.</option>
</select></div></td>
</tr>
<tr>
<td><label>
<input type="radio" name="Day" value="Saturday" id="Day_5" onclick="document.getElementById('mydivSat').style.display=(this.checked)?'inline':'none';" />
Saturday</label></td>
<td><div id="mydivSat" style="display:none">
Please select a time:
<select name="SaturdayTime">
<option value="230pm">2:30 p.m.</option>
<option value="3pm">3 p.m.</option>
<option value="330pm">3:30 p.m.</option>
<option value="4pm">4 p.m.</option>
<option value="430pm">4:30 p.m.</option>
<option value="5pm">5 p.m.</option>
<option value="530pm">5:30 p.m.</option>
<option value="6pm">6 p.m.</option>
<option value="630pm">6:30 p.m.</option>
<option value="6pm">7 p.m.</option>
<option value="630pm">7:30 p.m.</option>
<option value="6pm">8 p.m.</option>
<option value="630pm">8:30 p.m.</option>
<option value="6pm">9 p.m.</option>
</select></div></td>
</tr>
<tr>
<td><label>
<input type="radio" name="Day" value="Sunday" id="Day_6" onclick="document.getElementById('mydivSun').style.display=(this.checked)?'inline':'none';" />
Sunday</label></td>
<td><div id="mydivSun" style="display:none">
Please select a time:
<select name="SundayTime">
<option value="230pm">2:30 p.m.</option>
<option value="3pm">3 p.m.</option>
<option value="330pm">3:30 p.m.</option>
<option value="4pm">4 p.m.</option>
<option value="430pm">4:30 p.m.</option>
<option value="5pm">5 p.m.</option>
<option value="530pm">5:30 p.m.</option>
<option value="6pm">6 p.m.</option>
<option value="630pm">6:30 p.m.</option>
<option value="6pm">7 p.m.</option>
<option value="630pm">7:30 p.m.</option>
<option value="6pm">8 p.m.</option>
<option value="630pm">8:30 p.m.</option>
<option value="6pm">9 p.m.</option>
</select></div></td>
</tr>
<tr>
<td>Number of Guests:
<input name="Number of Guests" type="text" id="Number of Guests" size="10" /></td>
<td> </td>
</tr>
<tr>
<td>Comments: <br />
<textarea name="Comments:" id="Comments:" cols="30" rows="10"></textarea></td>
<td> </td>
</tr>
</table>
<br />
<p>
<input type="submit" name="Submit" id="Submit" value="Submit" />
<input type="reset" name="Reset" id="button" value="Reset" />
<br />
</p>
</form>
--------------------------------------------------------------------------
Here are the results (emailed to me):
Below is the result of your feedback form. It was submitted by
() on Thursday, April 9, 2009 at 15:29:28
---------------------------------------------------------------------------
email: test@test.com
Nature of event:: testing this form
Day: Monday
MondayTime: 230pm
TuesdayTime: 230pm
WednesdayTime: 230pm
ThursdayTime: 230pm
FridayTime: 230pm
SaturdayTime: 230pm
SundayTime: 230pm
Number of Guests: 5
Comments:: this is a test.
Submit: Submit
--------------------------------------------------------------------------
Please help! Thanks!!!
I am trying to figure out why my form results (once emailed to me) display as if all radio boxes were selected, when I only select one. People are supposed to choose a day (radio option) and then a hidden option for the time will show once they choose the day. (It's for making reservations. I used this page to help me do it: http://www.codingforums.com/archive/index.php/t-22322.html ) But when I get the email from the submitted form, it displays as if all of the radio options were selected.
--------------------------------------------------------------------------
Here is the form code (from the webpage)
<form action="http://www.costamessarestaurant.com/cgi-bin/resreq.pl" method="post" name="reservation" id="reservation" onsubmit="MM_validateForm('Name','','R','phone','','R','Number of Guests','','R');return document.MM_returnValue">
<input type="hidden" name="subject" value="Reservation Request Submitted" />
<input type="hidden" name="redirect" value="http://www.costamessarestaurant.com/reservationconf.html" />
<input type="hidden" name="required" value="name,phone" />
<table width="750" border="0" cellspacing="0" cellpadding="5">
<tr>
<td width="239" scope="col">Name:
<br />
<input name="name" type="text" id="name" size="30" /></td>
<td width="491" scope="col">Phone:
<br />
<input type="text" name="phone" id="phone" /></td>
</tr>
<tr>
<td>E-mail:
<br />
<input name="email" type="text" id="email" size="30" /></td>
<td>Nature of event:<br />
<input name="Nature of event:" type="text" id="Nature of event:" size="40" /></td>
</tr>
<tr>
<td>Please select a reservation day:<br /></td>
<td> </td>
</tr>
<tr>
<td><label>
<input type="radio" name="Day" value="Monday" id="Day_0" onclick="document.getElementById('mydivM').style.display=(this.checked)?'inline':'none';"/>
Monday</label></td>
<td> <div id="mydivM" style="display:none">
Please select a time:
<select name="MondayTime">
<option value="230pm">2:30 p.m.</option>
<option value="3pm">3 p.m.</option>
<option value="330pm">3:30 p.m.</option>
<option value="4pm">4 p.m.</option>
<option value="430pm">4:30 p.m.</option>
<option value="5pm">5 p.m.</option>
<option value="530pm">5:30 p.m.</option>
<option value="6pm">6 p.m.</option>
<option value="630pm">6:30 p.m.</option>
<option value="6pm">7 p.m.</option>
<option value="630pm">7:30 p.m.</option>
<option value="6pm">8 p.m.</option>
<option value="630pm">8:30 p.m.</option>
<option value="6pm">9 p.m.</option>
</select></div></td>
</tr>
<tr>
<td><label>
<input type="radio" name="Day" value="Tuesday" id="Day_1" onclick="document.getElementById('mydivT').style.display=(this.checked)?'inline':'none';" />
Tuesday</label></td>
<td><div id="mydivT" style="display:none">
Please select a time:
<select name="TuesdayTime">
<option value="230pm">2:30 p.m.</option>
<option value="3pm">3 p.m.</option>
<option value="330pm">3:30 p.m.</option>
<option value="4pm">4 p.m.</option>
<option value="430pm">4:30 p.m.</option>
<option value="5pm">5 p.m.</option>
<option value="530pm">5:30 p.m.</option>
<option value="6pm">6 p.m.</option>
<option value="630pm">6:30 p.m.</option>
<option value="6pm">7 p.m.</option>
<option value="630pm">7:30 p.m.</option>
<option value="6pm">8 p.m.</option>
<option value="630pm">8:30 p.m.</option>
<option value="6pm">9 p.m.</option>
</select></div></td>
</tr>
<tr>
<td><label>
<input type="radio" name="Day" value="Wednesday" id="Day_2" onclick="document.getElementById('mydivW').style.display=(this.checked)?'inline':'none';" />
Wednesday</label></td>
<td><div id="mydivW" style="display:none">
Please select a time:
<select name="WednesdayTime">
<option value="230pm">2:30 p.m.</option>
<option value="3pm">3 p.m.</option>
<option value="330pm">3:30 p.m.</option>
<option value="4pm">4 p.m.</option>
<option value="430pm">4:30 p.m.</option>
<option value="5pm">5 p.m.</option>
<option value="530pm">5:30 p.m.</option>
<option value="6pm">6 p.m.</option>
<option value="630pm">6:30 p.m.</option>
<option value="6pm">7 p.m.</option>
<option value="630pm">7:30 p.m.</option>
<option value="6pm">8 p.m.</option>
<option value="630pm">8:30 p.m.</option>
<option value="6pm">9 p.m.</option>
</select></div></td>
</tr>
<tr>
<td><label>
<input type="radio" name="Day" value="Thursday" id="Day_3" onclick="document.getElementById('mydivTh').style.display=(this.checked)?'inline':'none';" />
Thursday</label></td>
<td><div id="mydivTh" style="display:none">
Please select a time:
<select name="ThursdayTime">
<option value="230pm">2:30 p.m.</option>
<option value="3pm">3 p.m.</option>
<option value="330pm">3:30 p.m.</option>
<option value="4pm">4 p.m.</option>
<option value="430pm">4:30 p.m.</option>
<option value="5pm">5 p.m.</option>
<option value="530pm">5:30 p.m.</option>
<option value="6pm">6 p.m.</option>
<option value="630pm">6:30 p.m.</option>
<option value="6pm">7 p.m.</option>
<option value="630pm">7:30 p.m.</option>
<option value="6pm">8 p.m.</option>
<option value="630pm">8:30 p.m.</option>
<option value="6pm">9 p.m.</option>
</select></div></td>
</tr>
<tr>
<td><label>
<input type="radio" name="Day" value="Friday" id="Day_4" onclick="document.getElementById('mydivF').style.display=(this.checked)?'inline':'none';" />
Friday</label></td>
<td><div id="mydivF" style="display:none">
Please select a time:
<select name="FridayTime">
<option value="230pm">2:30 p.m.</option>
<option value="3pm">3 p.m.</option>
<option value="330pm">3:30 p.m.</option>
<option value="4pm">4 p.m.</option>
<option value="430pm">4:30 p.m.</option>
<option value="5pm">5 p.m.</option>
<option value="530pm">5:30 p.m.</option>
</select></div></td>
</tr>
<tr>
<td><label>
<input type="radio" name="Day" value="Saturday" id="Day_5" onclick="document.getElementById('mydivSat').style.display=(this.checked)?'inline':'none';" />
Saturday</label></td>
<td><div id="mydivSat" style="display:none">
Please select a time:
<select name="SaturdayTime">
<option value="230pm">2:30 p.m.</option>
<option value="3pm">3 p.m.</option>
<option value="330pm">3:30 p.m.</option>
<option value="4pm">4 p.m.</option>
<option value="430pm">4:30 p.m.</option>
<option value="5pm">5 p.m.</option>
<option value="530pm">5:30 p.m.</option>
<option value="6pm">6 p.m.</option>
<option value="630pm">6:30 p.m.</option>
<option value="6pm">7 p.m.</option>
<option value="630pm">7:30 p.m.</option>
<option value="6pm">8 p.m.</option>
<option value="630pm">8:30 p.m.</option>
<option value="6pm">9 p.m.</option>
</select></div></td>
</tr>
<tr>
<td><label>
<input type="radio" name="Day" value="Sunday" id="Day_6" onclick="document.getElementById('mydivSun').style.display=(this.checked)?'inline':'none';" />
Sunday</label></td>
<td><div id="mydivSun" style="display:none">
Please select a time:
<select name="SundayTime">
<option value="230pm">2:30 p.m.</option>
<option value="3pm">3 p.m.</option>
<option value="330pm">3:30 p.m.</option>
<option value="4pm">4 p.m.</option>
<option value="430pm">4:30 p.m.</option>
<option value="5pm">5 p.m.</option>
<option value="530pm">5:30 p.m.</option>
<option value="6pm">6 p.m.</option>
<option value="630pm">6:30 p.m.</option>
<option value="6pm">7 p.m.</option>
<option value="630pm">7:30 p.m.</option>
<option value="6pm">8 p.m.</option>
<option value="630pm">8:30 p.m.</option>
<option value="6pm">9 p.m.</option>
</select></div></td>
</tr>
<tr>
<td>Number of Guests:
<input name="Number of Guests" type="text" id="Number of Guests" size="10" /></td>
<td> </td>
</tr>
<tr>
<td>Comments: <br />
<textarea name="Comments:" id="Comments:" cols="30" rows="10"></textarea></td>
<td> </td>
</tr>
</table>
<br />
<p>
<input type="submit" name="Submit" id="Submit" value="Submit" />
<input type="reset" name="Reset" id="button" value="Reset" />
<br />
</p>
</form>
--------------------------------------------------------------------------
Here are the results (emailed to me):
Below is the result of your feedback form. It was submitted by
() on Thursday, April 9, 2009 at 15:29:28
---------------------------------------------------------------------------
email: test@test.com
Nature of event:: testing this form
Day: Monday
MondayTime: 230pm
TuesdayTime: 230pm
WednesdayTime: 230pm
ThursdayTime: 230pm
FridayTime: 230pm
SaturdayTime: 230pm
SundayTime: 230pm
Number of Guests: 5
Comments:: this is a test.
Submit: Submit
--------------------------------------------------------------------------
Please help! Thanks!!!