[Solved] Dropdown boxes

256 Posts
joshlfisher Reply #1, 19 years, 4 months ago
I have a couple forms with ALOT of dropdown boxes.
What I’d like is the default entry to be something like ’Select:’ or ’Select Month:’. I need the user to pick a selection or else the form doesn’t validate.
Here is my form code:
<p><span style="color:#900;">[+validationmessage+]</span></p>
<form method="post" action="[~[*id*]~]">
<input type="hidden" name="formid" value="update_event_form" /><font face="arial,helvetica"><font color="#000000" face="Geneva" size="2"> Please be sure to fill in all fields to avoid delays.</font></font> <br />
	<font color="#ff0000"><br />
	*</font> - Required Fields<br />
	<br />
	 <strong>Event Name:</strong> <input maxlength="60" name="event_name" size="40" type="text" eForm="Event Name:string:1"/><font color="#ff0000">*</font>
	<p>
	<strong>Event On-site Info:</strong><br />
	    
	   <table><TR><TD>Location Name:</TD><TD><input maxlength="50" name="loc_name" size="20" type="text" eForm="Event Info:string:1"/><font color="#ff0000">*</font> </td></tr>
	    <TR><TD>
	  Location Address:</TD><TD><input maxlength="75" name="loc_address" size="20" style="background-color: #ffffa0" type="text" eForm="Location Address:string:1" /> <font color="#ff0000">*</font></TD></TR>
	    <TR><TD>
	  Location City:</TD><TD><input maxlength="50" name="loc_city" size="20" style="background-color: #ffffa0" type="text" eForm="Location City:string:1"/><font color="#ff0000">*</font> </TD></TR>
	<TR><TD>
	State:</TD><TD><select id="loc_state" name="loc_state" style="background-color: #ffffa0" eForm="Location State::1:A Location State is required">
	<option value="Alabama">
	Alabama</option>
	<option value="Alaska">
	Alaska</option>
	<option value="Arizona">
	Arizona</option>
	<option value="Arkansas">
	Arkansas</option>
	<option value="California">
	California</option>
	<option value="Colorado">
	Colorado</option>
	<option value="Connecticut">
	Connecticut</option>
	<option value="Delaware">
	Delaware</option>
	<option value="Florida">
	Florida</option>
	<option value="Georgia">
	Georgia</option>
	<option value="Hawaii">
	Hawaii</option>
	<option value="Idaho">
	Idaho</option>
	<option value="Illinois">
	Illinois</option>
	<option value="Indiana">
	Indianna</option>
	<option value="Iowa">
	Iowa</option>
	<option value="Kansas">
	Kansas</option>
	<option value="Kentucky">
	Kentucky</option>
	<option value="Louisianna">
	Louisianna</option>
	<option value="Maine">
	Maine</option>
	<option value="Maryland">
	Maryland</option>
	<option value="Massachusets">
	Massachusets</option>
	<option value="Michigan">
	Michigan</option>
	<option value="Minnesota">
	Minnesota</option>
	<option value="Mississippi">
	Mississippi</option>
	<option value="Missouri">
	Missouri</option>
	<option value="Montana">
	Montana</option>
	<option value="Nebraska">
	Nebraska</option>
	<option value="Nevada">
	Nevada</option>
	<option value="New Hampshire">
	New Hampshire</option>
	<option value="New Jersey">
	New Jersey</option>
	<option value="New Mexico">
	New Mexico</option>
	<option value="New York">
	New York</option>
	<option value="North Carolina">
	North Carolina</option>
	<option value="North Dakota">
	North Dakota</option>
	<option value="Ohio">
	Ohio</option>
	<option value="Oklahoma">
	Oklahoma</option>
	<option value="Oregon">
	Oregon</option>
	<option value="Pennsylvania">
	Pennsylvania</option>
	<option value="Rhode Island">
	Rhode Island</option>
	<option value="South Carolina">
	South Carolina</option>
	<option value="South Dakota">
	South Dakota</option>
	<option value="Tennesee">
	Tennesee</option>
	<option value="Texas">
	Texas</option>
	<option value="Utah">
	Utah</option>
	<option value="Vermont">
	Vermont</option>
	<option selected="selected" value="Virginia">
	Virginia</option>
	<option value="Washington">
	Washington</option>
	<option value="West Virginia">
	West Virginia</option>
	<option value="Winsconsin">
	Winsconsin</option>
	<option value="Wyoming">
	Wyoming</option>
	</select><font color="#ff0000">*</font></TD> </TR>
	<TR><TD>Zip:</TD><TD><input maxlength="10" name="loc_zip" size="7" style="background-color: #ffffa0" type="text" eform="Location Zipcode:integer:1:Please enter a Valid Zipcode" /><font color="#ff0000">*</font></TD></TR></table> <br />
	    <br />
	  Phone:(1+area-code+number) <input maxlength="14" name="loc_phone" size="14" style="background-color: #ffffa0" type="text" /> <br />
	    <br />
	  Web Site: <input maxlength="50" name="loc_website" size="30" type="text" /> 
	</p>
	<p>
	<strong>Event Day(s) and Time(s) <font color="#ff0000">*</font></strong><br />
	    <br />
	    <select id="date_day" name="date_day" eForm="Event Day:string:1">
	<option value="">Select a Day:</option>
	<option value="Sunday">
	Sunday</option>
	<option value="Monday">
	Monday</option>
	<option value="Tuesday">
	Tuesday</option>
	<option value="Wednesday">
	Wednesday</option>
	<option value="Thursday">
	Thursday</option>
	<option value="Friday">
	Friday</option>
	<option value="Saturday">
	Saturday</option>
	</select>       <select id="date_month" name="date_month" eForm="Event Month:string:1">
	<option value="">Select a Month:</option>
	<option value="January">
	January</option>
	<option value="February">
	February</option>
	<option value="March">
	March</option>
	<option value="April">
	April</option>
	<option value="May">
	May</option>
	<option value="June">
	June</option>
	<option value="July">
	July</option>
	<option value="August">
	August</option>
	<option value="September">
	September</option>
	<option value="October">
	October</option>
	<option value="November">
	November</option>
	<option value="December">
	December</option>
	</select>       <select id="date_date" name="date_date" eForm="Event Date:string:1">
	<option value="">Select a Day:</option>
	<option value="1">
	1</option>
	<option value="2">
	2</option>
	<option value="3">
	3</option>
	<option value="4">
	4</option>
	<option value="5">
	5</option>
	<option value="6">
	6</option>
	<option value="7">
	7</option>
	<option value="8">
	8</option>
	<option value="9">
	9</option>
	<option value="10">
	10</option>
	<option value="11">
	11</option>
	<option value="12">
	12</option>
	<option value="13">
	13</option>
	<option value="14">
	14</option>
	<option value="15">
	15</option>
	<option value="16">
	16</option>
	<option value="17">
	17</option>
	<option value="18">
	18</option>
	<option value="19">
	19</option>
	<option value="20">
	20</option>
	<option value="21">
	21</option>
	<option value="22">
	22</option>
	<option value="23">
	23</option>
	<option value="24">
	25</option>
	<option value="26">
	26</option>
	<option value="27">
	27</option>
	<option value="28">
	28</option>
	<option value="29">
	29</option>
	<option value="30">
	30</option>
	<option value="31">
	31</option>
	</select>      <select id="date_year" name="date_year" eForm="Event Year:string:1">
	<option value="2007">
	2007</option>
	<option value="2008">
	2008</option>
	</select>    
	</p>
	<p>
	From:   <select id="date_from_time" name="date_from_time" eForm="Event Time:string:1">
	<option value="">Select a Time:</option>
	<option value="1:00">
	1:00</option>
	<option value="1:30">
	1:30</option>
	<option value="2:00">
	2:00</option>
	<option value="2:30">
	2:30</option>
	<option value="3:00">
	3:00</option>
	<option value="3:30">
	3:30</option>
	<option value="4:00">
	4:00</option>
	<option value="4:30">
	4:30</option>
	<option value="5:00">
	5:00</option>
	<option value="5:30">
	5:30</option>
	<option value="6:00">
	6:00</option>
	<option value="6:30">
	6:30</option>
	<option value="7:00">
	7:00</option>
	<option value="7:30">
	7:30</option>
	<option value="8:00">
	8:00</option>
	<option value="8:30">
	8:30</option>
	<option value="9:00">
	9:00</option>
	<option value="9:30">
	9:30</option>
	<option value="10:00">
	10:00</option>
	<option value="10:30">
	10:30</option>
	<option value="11:00">
	11:00</option>
	<option value="11:30">
	11:30</option>
	<option value="12:00">
	12:00</option>
	<option value="12:30">
	12:30</option>
	</select>     <select id="date_from_ampm" name="date_from_ampm" eForm="Event Time:string:1">
	<option value="">Select:</option>
	<option value="AM">
	AM</option>
	<option value="PM">
	PM</option>
	</select>    To:   <select id="date_to_time" name="date_to_time" eForm="Event Time:string:1">
	<option value="">Select a Time:</option>
	<option value="1:00">
	1:00</option>
	<option value="1:30">
	1:30</option>
	<option value="2:00">
	2:00</option>
	<option value="2:30">
	2:30</option>
	<option value="3:00">
	3:00</option>
	<option value="3:30">
	3:30</option>
	<option value="4:00">
	4:00</option>
	<option value="4:30">
	4:30</option>
	<option value="5:00">
	5:00</option>
	<option value="5:30">
	5:30</option>
	<option value="6:00">
	6:00</option>
	<option value="6:30">
	6:30</option>
	<option value="7:00">
	7:00</option>
	<option value="7:30">
	7:30</option>
	<option value="8:00">
	8:00</option>
	<option value="8:30">
	8:30</option>
	<option value="9:00">
	9:00</option>
	<option value="9:30">
	9:30</option>
	<option value="10:00">
	10:00</option>
	<option value="10:30">
	10:30</option>
	<option value="11:00">
	11:00</option>
	<option value="11:30">
	11:30</option>
	<option value="12:00">
	12:00</option>
	<option value="12:30">
	12:30</option>
	</select>       <select id="date_to_ampm" name="date_to_ampm" eForm="Event Time:string:1">
	<option value="">Select:</option>
	<option value="AM">
	AM</option>
	<option value="PM">
	PM</option>
	</select>    <br />
	    <br />
	    <br />
	<font face="arial,helvetica"><font color="#000000" face="Geneva" size="2"> Please enter multiple days and/or times here:</font></font><br />
	    <br />
	    <textarea cols="55" name="event_multip_date" rows="4"></textarea>   <br />
	    <br />
	    
	</p>
	<p>
	<strong>Event Cost:</strong> <input maxlength="50" name="cost" size="15" type="text" eForm="Event Cost:string:1"/><font color="#ff0000">*</font><br />
	    <br />
	    
	</p>
	<p>
	<strong>Event Description: <font color="#ff0000">*</font></strong> <br />
	     <br />
	     <textarea cols="55" name="event_desc" rows="4" eForm="Event Description:string:1"></textarea>   
	</p>
	<p>
	<strong>Additional Details or Restrictions.<br />
	(Age restrictions, clothing requirements, bring lunch, etc.)</strong> <br />
	     <br />
	     <textarea cols="55" name="event_other_info" rows="4"></textarea>   
	</p>
	<br />
	<p>
	<strong>Event Deadline: <font color="#ff0000">*</font></strong><br />
	    <br />
	    <select id="deadline_day" name="deadline_day" eForm="Event Deadline Day:string:1">
	<option value="Sunday">
	Sunday</option>
	<option value="Monday">
	Monday</option>
	<option value="Tuesday">
	Tuesday</option>
	<option value="Wednesday">
	Wednesday</option>
	<option value="Thursday">
	Thursday</option>
	<option value="Friday">
	Friday</option>
	<option value="Saturday">
	Saturday</option>
	</select>       <select id="deadline_month" name="deadline_month" eForm="Event Deadline Month:string:1">
	<option value="January">
	January</option>
	<option value="February">
	February</option>
	<option value="March">
	March</option>
	<option value="April">
	April</option>
	<option value="May">
	May</option>
	<option value="June">
	June</option>
	<option value="July">
	July</option>
	<option value="August">
	August</option>
	<option value="September">
	September</option>
	<option value="October">
	October</option>
	<option value="November">
	November</option>
	<option value="December">
	December</option>
	</select>       <select id="deadline_date" name="deadline_date" eForm="Event Deadline Date:string:1">
	<option value="1">
	1</option>
	<option value="2">
	2</option>
	<option value="3">
	3</option>
	<option value="4">
	4</option>
	<option value="5">
	5</option>
	<option value="6">
	6</option>
	<option value="7">
	7</option>
	<option value="8">
	8</option>
	<option value="9">
	9</option>
	<option value="10">
	10</option>
	<option value="11">
	11</option>
	<option value="12">
	12</option>
	<option value="13">
	13</option>
	<option value="14">
	14</option>
	<option value="15">
	15</option>
	<option value="16">
	16</option>
	<option value="17">
	17</option>
	<option value="18">
	18</option>
	<option value="19">
	19</option>
	<option value="20">
	20</option>
	<option value="21">
	21</option>
	<option value="22">
	22</option>
	<option value="23">
	23</option>
	<option value="24">
	25</option>
	<option value="26">
	26</option>
	<option value="27">
	27</option>
	<option value="28">
	28</option>
	<option value="29">
	29</option>
	<option value="30">
	30</option>
	<option value="31">
	31</option>
	</select>      <select id="deadline_year" name="deadline_year" eForm="Event Deadline Year:string:1">
	<option selected="selected" value="2007">
	2007</option>
	<option value="2007">
	2008</option>
	</select>    
	</p>
	From:   <select id="deadline_from_time" name="deadline_from_time" eForm="Event Deadline Time:string:1">
	<option value="1:00">
	1:00</option>
	<option value="1:30">
	1:30</option>
	<option value="2:00">
	2:00</option>
	<option value="2:30">
	2:30</option>
	<option value="3:00">
	3:00</option>
	<option value="3:30">
	3:30</option>
	<option value="4:00">
	4:00</option>
	<option value="4:30">
	4:30</option>
	<option value="5:00">
	5:00</option>
	<option value="5:30">
	5:30</option>
	<option value="6:00">
	6:00</option>
	<option value="6:30">
	6:30</option>
	<option value="7:00">
	7:00</option>
	<option value="7:30">
	7:30</option>
	<option value="8:00">
	8:00</option>
	<option value="8:30">
	8:30</option>
	<option value="9:00">
	9:00</option>
	<option value="9:30">
	9:30</option>
	<option value="10:00">
	10:00</option>
	<option value="10:30">
	10:30</option>
	<option value="11:00">
	11:00</option>
	<option value="11:30">
	11:30</option>
	<option value="12:00">
	12:00</option>
	<option value="12:30">
	12:30</option>
	</select>     <select id="deadline_from_ampm" name="deadline_from_ampm" eForm="Event Deadline Time:string:1">
	<option value="AM">
	AM</option>
	<option value="PM">
	PM</option>
	</select>    To:   <select id="deadline_to_time" name="deadline_to_time" eForm="Event Deadline Time:string:1">
	<option value="1:00">
	1:00</option>
	<option value="1:30">
	1:30</option>
	<option value="2:00">
	2:00</option>
	<option value="2:30">
	2:30</option>
	<option value="3:00">
	3:00</option>
	<option value="3:30">
	3:30</option>
	<option value="4:00">
	4:00</option>
	<option value="4:30">
	4:30</option>
	<option value="5:00">
	5:00</option>
	<option value="5:30">
	5:30</option>
	<option value="6:00">
	6:00</option>
	<option value="6:30">
	6:30</option>
	<option value="7:00">
	7:00</option>
	<option value="7:30">
	7:30</option>
	<option value="8:00">
	8:00</option>
	<option value="8:30">
	8:30</option>
	<option value="9:00">
	9:00</option>
	<option value="9:30">
	9:30</option>
	<option value="10:00">
	10:00</option>
	<option value="10:30">
	10:30</option>
	<option value="11:00">
	11:00</option>
	<option value="11:30">
	11:30</option>
	<option value="12:00">
	12:00</option>
	<option value="12:30">
	12:30</option>
	</select>       <select id="deadline_to_ampm" name="deadline_to_ampm" eForm="Event Deadline Time:string:1">
	<option value="AM">
	AM</option>
	<option value="PM">
	PM</option>
	</select>    <br /><br />
	    
	<p>
	<strong>Event Contact Info:</strong><br />
	  Select One: <select id="contact" name="contact" eForm="Event Contact Info:string:1">
	<option value="">Select:</option>
	<option value="For More Information">
	For More Information</option>
	<option value="To Register">
	To Register</option>
	<option value="Contact">
	Contact</option>
	</select><font color="#ff0000">*</font><br />
	<TABLE><TR><TD>
	  Contact Name:</TD><TD><input maxlength="500" name="con_name" size="40" type="text" eForm="Event Contact Name:string:1"/><font color="#ff0000">*</font></TD></TR>
	    <TR><TD>
	  Contact Phone Number:</TD><TD><input maxlength="500" name="con_phone" size="40" style="background-color: #ffffa0" type="text" /></TD></TR>
	    <TR><TD>
	  Contact Email Address:</TD><TD><input maxlength="500" name="con_email" size="40" style="background-color: #ffffa0" type="text" eform="Event Contact Email Address:email:1" /><font color="#ff0000">*</font></TD></TR>
	<TR><TD>
	Contact Website:</TD><TD><input maxlength="500" name="con_website" size="40" type="text" />   
	</TD></TR></TABLE><br />
<strong>Submitter's Contact Info:</strong><br >Please provide contact information for the submitter of this form.<br /><br />
<table><TR><TD>Submitter's Name:</TD><TD> <input maxlength="500" name="submitter_name" size="40" type="text" eform="Submitters Name:string:1" /><font color="#ff0000">*</font></TD></TR>
<TR><TD>Submitter's Email Address:</TD><TD><input maxlength="500" name="submitter_email" size="40" type="text" eform="Email Address:email:1" /><font color="#ff0000">*</font></TD></TR>
<TR><TD>Submitter's Phone Number:</TD><TD> <input maxlength="500" name="submitter_phone" size="40" type="text"/><font color="#ff0000"></font></TD></TR></table>
<p>
    Please enter the anti spam code below:<br /><br />
    <img src="[+verimageurl+]" alt="verification code" border="1"/>
    </p>
    <p>
    <label accesskey="c" for="vericode">Enter code here: </label>
    <input type="text" name="vericode" size="20" /><font color="#ff0000">*</font>
    </p>
<input align="middle" name="submit" type="submit" value="Submit Information" />    <input align="right" name="reset" type="reset" value="Clear Form" />
</form>
You can see the form in action here:
http://heav.org/update_submit.html
PM me to find out how you can get a FREE ipad 2!
- 1,010 Posts
TobyL Reply #2, 19 years, 4 months ago

I’m not quite sure what your question is... Care to elaborate?
eForm | eForm support | eForm @ wiki
- 256 Posts
joshlfisher Reply #3, 19 years, 4 months ago

On the form, in the Event Days and Times section, the default item is an item called ’Selected’. I would like the person filling out the form to HAVE to pick something else. I need them to change the entry form select to anything else.
The form should validate if anything other than ’Selected’ or the default entry is selected.
PM me to find out how you can get a FREE ipad 2!
- 1,010 Posts
TobyL Reply #4, 19 years, 4 months ago

AH,.. I see the problem. Start by replacing all eForm="whatever...." attributes with eform="whatever....". the eform attribute shoudl be lowercase! As it is now you end up with the eForm attribute in the source of your document
eForm | eForm support | eForm @ wiki
- 256 Posts
joshlfisher Reply #5, 19 years, 4 months ago

Thanks! I fixed it, now it works like a charm.
PM me to find out how you can get a FREE ipad 2!