have a combo box, and as the item from the 1st pull down menu is selected, the 2nd pull down menu appears with the correct options for the item that was selected in the 1st pull down menu. I want to add a label to the second pull down menu, but on the outside of the pulldown menu. I want it to label (please keep in mind that the label that I am speaking of is just plain text that I typed in front of the field to give the field a title/label) the pull down menu by saying "Please Specify". How do I do this and where do I put it in my code, so that it appears only when the 2nd pull down menu appears??? Also the page I am working with has a .asp extension and I have been using ASP coding up till now. I have just brought the page into the Micrsoft Visual.NET program, because that is the program that I am working in now. Just wanted to make that clear that I am using ASP coding. Please help???

The following is my code:

<% Language=VBScript %>
<% Option Explicit %>

<!--#include virtual="/Misc/GUILibGen.asp"-->
<%
Dim strTitle

strTitle = "GUESTBOOK FORM"

GUI_CreateHeader strTitle, ""

%>

<script Language="JavaScript">

<!--

var arDetailMenu = new Array();

original_num_options = arDetailMenu.length;



function UpdateDetailMenu()
{
var _Index = doent.GuestBookForm.MainMenu.selectedIndex;
var i = 0;

doent.getElementById("DetailMenu").runtimeStyle .display = "inline";
doent.getElementById("txtOther").runtimeStyle.d isplay = "none";

switch (_Index)
{
case 0:
arDetailMenu[0] = new Option("Furthur detail of item selected");
arDetailMenu.length = 1;
break;

case 1:
arDetailMenu[0] = new Option("Magazine 1");
arDetailMenu[1] = new Option("Magazine 2");
arDetailMenu[2] = new Option("Magazine 3");
arDetailMenu[3] = new Option("Magazine 4");
arDetailMenu[4] = new Option("Magazine 5");
arDetailMenu[5] = new Option("Magazine 6");
arDetailMenu[6] = new Option("Other Magazine");
arDetailMenu.length = 7;
doent.GuestBookForm.DetailMenu.focus();
break;

case 2:
arDetailMenu[0] = new Option("Press Release 1");
arDetailMenu[1] = new Option("Press Release 2");
arDetailMenu[2] = new Option("Press Release 3");
arDetailMenu[3] = new Option("Press Release 4");
arDetailMenu[4] = new Option("Press Release 5");
arDetailMenu[5] = new Option("Press Release 6");
arDetailMenu[6] = new Option("Other Press Release");
arDetailMenu.length = 7;
doent.GuestBookForm.DetailMenu.focus();
break;

case 3:
arDetailMenu[0] = new Option("Search Engine 1");
arDetailMenu[1] = new Option("Search Engine 2");
arDetailMenu[2] = new Option("Search Engine 3");
arDetailMenu[3] = new Option("Search Engine 4");
arDetailMenu[4] = new Option("Other");
arDetailMenu.length = 5;
doent.GuestBookForm.DetailMenu.focus();
break;

case 4:
arDetailMenu[0] = new Option("Trade Show 1");
arDetailMenu[1] = new Option("Trade Show 2");
arDetailMenu[2] = new Option("Trade Show 3");
arDetailMenu[3] = new Option("Other");
arDetailMenu.length = 4;
doent.GuestBookForm.DetailMenu.focus();
break;

case 5:
arDetailMenu[0] = new Option("Online Service");
arDetailMenu[1] = new Option("Hard Cover");
arDetailMenu.length = 2;
doent.GuestBookForm.DetailMenu.focus();
break;

case 6:
//Makes the Input field visible and the drop down not visible
doent.getElementById("DetailMenu").runtimeStyle .display = "none";
doent.getElementById("txtOther").runtimeStyle.d isplay = "inline";
doent.GuestBookForm.txtOther.focus();
break;

case 7:
//Makes the Input field visible and the drop down not visible
doent.getElementById("DetailMenu").runtimeStyle .display = "none";
doent.getElementById("txtOther").runtimeStyle.d isplay = "inline";
doent.GuestBookForm.txtOther.focus();
break;

case 8:
arDetailMenu[0] = new Option("Sales Rep 1");
arDetailMenu[1] = new Option("Sales Rep 2");
arDetailMenu[2] = new Option("Sales Rep 3");
arDetailMenu[3] = new Option("Sales Rep 4");
arDetailMenu[4] = new Option("Sales Rep 5");
arDetailMenu[5] = new Option("Sales Rep 6");
arDetailMenu[6] = new Option("Sales Rep 7");
arDetailMenu[7] = new Option("Sales Rep 8");
arDetailMenu[8] = new Option("Sales Rep 9");
arDetailMenu[9] = new Option("Sales Rep 10");
arDetailMenu[10] = new Option("Sales Rep 11");
arDetailMenu[11] = new Option("Sales Rep 12");
arDetailMenu[12] = new Option("Sales Rep 13");
arDetailMenu[13] = new Option("Sales Rep 14");
arDetailMenu[14] = new Option("Don't Know");
arDetailMenu.length = 15;
doent.GuestBookForm.DetailMenu.focus();
break;

case 9:
//Makes the Input field visible and the drop down not visible
doent.getElementById("DetailMenu").runtimeStyle .display = "none";
doent.getElementById("txtOther").runtimeStyle.d isplay = "inline";
doent.GuestBookForm.txtOther.focus();
break;

default:
break;
}

for (i=original_num_options; i>0; i--)
{
doent.GuestBookForm.DetailMenu.options = null;
}

for (i = 0; i < arDetailMenu.length; i++)
{
doent.GuestBookForm.DetailMenu.options = arDetailMenu;
}
original_num_options=arDetailMenu.length;
}

function winOnLoad()
{
window.doent.GuestBookForm.fldFirstName.focus() ;
return;
}

function GuestBookForm_Add(theForm)
{
var bReturn;

bReturn = ValidateForm(theForm);

return bReturn;
}

function ValidateForm(theForm)
{
if (theForm.fldFirstName.value == "")
{
window.alert('Please enter a value for the "First Name" field.');
theForm.fldFirstName.focus();
return false;
}

if (theForm.fldLastName.value == "")
{
window.alert('Please enter a value for the "Last Name" field.');
theForm.fldLastName.focus();
return false;
}

if (theForm.fldCompany.value == "")
{
window.alert('Please enter a value for the "Company" field.');
theForm.fldCompany.focus();
return false;
}

if (theForm.fldTelephone.value == "")
{
window.alert('Please enter a value for the "Telephone" field.');
theForm.fldTelephone.focus();
return false;
}

if (theForm.fldEmail.value == "")
{
window.alert('Please enter a value for the "Email" field.');
theForm.fldEmail.focus();
return false;
}

return true;
}

//--></script>

<table border="0" align="center" cellspacing="0" width="605">
<form action="../../EricaTest/GuestbookForm/guestbookRep.asp" method="post" onsubmit="return GuestBookForm_Add(this)"
name="GuestBookForm">
<BODY onload="doent.GuestBookForm.DetailMenu.runtimeS tyle.display='none'">

<tr>
<td colspan="2"></td>
</tr>
<tr>
<td colspan="2"></td>
</tr>
<tr>
<td colspan="2"><font face="Arial" size="3">1. Commentary</font></td>
</tr>
<tr>
<td colspan="2" width="100%">
<hr width="100%" size="1">
</td>
</tr>
<tr>
<td colspan="2" align="left"><font face="Arial" size="2">
<p>Please tell us where you heard about this website.</p>
</font>
</td>
</tr>
<tr>
<td><select onchange="UpdateDetailMenu();"
visible="true" size="1" id="MainMenu" NAME="MainMenu">
<option value="Choose" selected>Choose</option>
<option value="Advertisment">Advertisment</option>
<option value="Press Release">Press Release</option>
<option value="Search Engine">Search Engine</option>
<option value="Trade Show">Trade Show</option>
<option value="Thomas Register">Thomas Register</option>
<option value="Former Employer">Former Employer</option>
<option value="Colleague">Colleague</option>
<option value="Sales Rep">Sales Rep</option>
<option value="Other">Other</option>
</select>
</td>
<td>
<input type="text" id="txtOther" runat="server" style="DISPLAY:none; WIDTH:200px" NAME="txtOther" >
<select size="1" name="DetailMenu" id="DetailMenu">
<option value="Choose" selected>Furthur detail of item selected</option>
</select>
</td>
<tr>
<td colspan="2" height="21"></td>
</tr>
<tr>
<td colspan="2" height="21"><font face="Arial" size="3">2.
Contact Information</font></td>
</tr>
<tr>
<td align="left" colspan="2" width="663" height="21">
<hr width="100%" size="1">
<table border="0" align="center" cellspacing="0" width="100%" ID="Table1">
<tr>
<td align="right"><font face="Arial" size="2"> *First Name:</font></td>
<center>
<td> <input type="text" name="fldFirstName" size="11" ID="Text1"> <font face="Arial" size="2">
Middle: </font><input type="text" name="fldMiddleName" size="6" ID="Text2">
<font face="Arial" size="2">*Last Name: </font><input type="text" name="fldLastName" size="20" ID="Text3"></td>
</tr>
<tr>
<td align="right"><font face="Arial" size="2">Title:</font></td>
<td> <input type="text" name="fldTitle" size="72" ID="Text4"></td>
</tr>
<tr>
<td align="right"><font face="Arial" size="2">*Company:</font></td>
<td> <input type="text" name="fldCompany" size="72" ID="Text5"></td>
</tr>
<tr>
<td align="right"><font face="Arial" size="2">Address:</font></td>
<td> <input type="text" name="fldAddress" size="72" ID="Text6"></td>
</tr>
<tr>
<td align="right"><font face="Arial" size="2">*Telephone:</font></td>
</CENTER>
<td>
<p align="left"> <input type="text" name="fldTelephone" size="20" ID="Text7">
<font face="Arial" size="2">Fax: </font><input type="text" name="fldFax" size="21" ID="Text8"></p>
</td>
<center>
</tr>
<tr>
<td align="right"><font face="Arial" size="2">*E-mail:</font></td>
<td> <input type="text" name="fldEmail" size="72" ID="Text9"></td>
</tr>
<tr>
<td align="right" colspan="2" width="663" height="21">*Required Fields</td>
</tr>
<tr>
<td align="right" valign="top"><font face="Arial" size="2">

Note:

</font>
</td>
</center>
<td align="left">
<p align="left">

<textarea name="fldNote" rows="10" cols="54" onblur="return TEXTAREA1_onblur()"></textarea>
</p>
</td>
</tr>
<tr>
<td width="605" colspan="2">
<p align="center"><input type="submit" value="Submit Guest Form"> <input type="reset" value="Reset Form"></p>
</td>
</tr>
</table></center></div>
</form>
<% GUI_CreateFooter %>
</body>


Thanks,

Erica