Drop Down Menu challenge

This code is a bit lengthy so I apologize in advance:

Scenario: function1 generates a div show/hide based on selection.
once the user chooses a "Function" a drop down appears so they can choose a Business Area.

Problem: Each Business Area needs to be a required value based on the Function that is selected.

Example.: Under the Function menu the user selects Credentialing. The user should then be required to chose the Business Area based on the new drop down box that appears.

 I can't seem to locate or build any code that will allow each Function item to require the proper Business item independently.

Everything else is working fine. I just need to get the required fields to function as needed independently.

Thank you in advance for your assistance

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
 <head>
 <meta http-equiv="Page-Enter" content="blendTrans(Duration=0.1)">
  <title>
   CPSO Intranet Request Form
  </title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 
   <script type="text/javascript" language="javascript">
 <!--
 function lastmodified()
 {
 var mdate = new String("Updated:  " + document.lastModified);
 var mdate = mdate.slice(0,-8);
 document.write(mdate);return (true);
 }
 -->
 </script>
 <script>
 
</script>
 <script
language="JavaScript" type="text/javascript">
// Page Script Goes Here!
 
function Submission_Form_Validator(theForm)
{
  if (theForm.requested_by.value == "")
  {
    alert("Please complete the Name field.");
    theForm.requested_by.focus();
    return (false);
  }
  
 // if (theForm.email.value == "")
  //{
   // alert("Please complete the Email Address field.");
   // theForm.email.focus();
   // return (false);
//  }
  
  if (theForm.company_id.value == "")
  {
    alert("Please enter your company ID.");
    theForm.company_id.focus();
    return (false);
  }
   if (theForm.function1.value == "")
  {
    alert("Please select a Function.");
    theForm.function1.focus();
    return (false);
  }
  if (theForm.menu.value == "")
  {
    alert("Please select a Maintenance Type.");
    theForm.menu.focus();
    return (false);
  }
  
 
   if (theForm.bus_area.value == "")
  {
    alert("Please select a Business Area.");
    theForm.bus_area.focus();
    return (false);
  }
 
   
  return (true)
}
 
//</script>
 
<script>
function showInfo(){
 
 
  var elem = document.getElementById('Claim Cost Management and Quality Improvement');
 if(document.PSC_Form.function1.value == "Claim Cost Management and Quality Improvement"){
  elem.style.display="block";
 }
 else{
  elem.style.display="none";
 }
  var elem = document.getElementById('Claim Operations');
 if(document.PSC_Form.function1.value == "Claim Operations"){
  elem.style.display="block";
 }
 else{
  elem.style.display="none";
 }
   var elem = document.getElementById('Complaints, Grievances and Appeals Operations');
 if(document.PSC_Form.function1.value == "Complaints, Grievances and Appeals Operations"){
  elem.style.display="block";
 }
 else{
  elem.style.display="none";
 }
    var elem = document.getElementById('Credentialing');
 if(document.PSC_Form.function1.value == "Credentialing"){
  elem.style.display="block";
 }
 else{
  elem.style.display="none";
 }
 
    var elem = document.getElementById('Jacksonville Site');
 if(document.PSC_Form.function1.value == "Jacksonville Site"){
  elem.style.display="block";
 }
 else{
  elem.style.display="none";
 }
  
 
    var elem = document.getElementById('Leadership Development');
 if(document.PSC_Form.function1.value == "Leadership Development"){
  elem.style.display="block";
 }
 else{
  elem.style.display="none";
 }
     var elem = document.getElementById('Management Reports');
 if(document.PSC_Form.function1.value == "Management Reports"){
  elem.style.display="block";
 }
 else{
  elem.style.display="none";
 }
 var elem = document.getElementById('Mentor');
 if(document.PSC_Form.function1.value == "Mentor"){
  elem.style.display="block";
 }
 var elem = document.getElementById('Migration2');
 if(document.PSC_Form.function1.value == "Migration"){
  elem.style.display="block";
 }
 
 else{
  elem.style.display="none";
 }
 var elem = document.getElementById('Network Solutions');
 if(document.PSC_Form.function1.value == "Network Solutions"){
  elem.style.display="block";
 }
 else{
  elem.style.display="none";
 }
 var elem = document.getElementById('Organization');
 if(document.PSC_Form.function1.value == "Organization"){
  elem.style.display="block";
 }
 else{
  elem.style.display="none";
 }
  var elem = document.getElementById('Other');
 if(document.PSC_Form.function1.value == "Other"){
  elem.style.display="block";
 }
 else{
  elem.style.display="none";
 }
  var elem = document.getElementById('Provider Call Centers and Medicaid');
 if(document.PSC_Form.function1.value == "Provider Call Centers and Medicaid"){
  elem.style.display="block";
 }
 else{
  elem.style.display="none";
 }
  var elem = document.getElementById('Provider Data Services');
 if(document.PSC_Form.function1.value == "Provider Data Services"){
  elem.style.display="block";
 }
 else{
  elem.style.display="none";
 }
  var elem = document.getElementById('Service Improvement and Efficiency');
 if(document.PSC_Form.function1.value == "Service Improvement and Efficiency"){
  elem.style.display="block";
 }
 else{
  elem.style.display="none";
 }
  var elem = document.getElementById('Strategic Provider Solutions');
 if(document.PSC_Form.function1.value == "Strategic Provider Solutions"){
  elem.style.display="block";
 }
 else{
  elem.style.display="none";
 }
}
 

function showInfo2(){
 
  
 var elem = document.getElementById('update1');
 if(document.PSC_Form.menu.value == "Broken Link"||document.PSC_Form.menu.value == "Add Content"||document.PSC_Form.menu.value == 
 "Change Content"||document.PSC_Form.menu.value == "Communication"||document.PSC_Form.menu.value == "Compliance Broken Links"
 ||document.PSC_Form.menu.value == "Compliance Content Aging"||document.PSC_Form.menu.value == "Employee Recognition"
 ||document.PSC_Form.menu.value == "File Addition"||document.PSC_Form.menu.value == "File Replacement"
 ||document.PSC_Form.menu.value == "Form Survey Creation"||document.PSC_Form.menu.value == "New Page"||document.PSC_Form.menu.value == "New Site"
 ||document.PSC_Form.menu.value == "News Item Story"||document.PSC_Form.menu.value == "Other"||document.PSC_Form.menu.value == "Provider Exception Grid"
 ||document.PSC_Form.menu.value == "PSPI Power Tool"||document.PSC_Form.menu.value == "Question Feedback"||document.PSC_Form.menu.value == "Remove Content"){
  elem.style.display="block";
 }
 else
 {
  elem.style.display="none";
 }
 
 var elem = document.getElementById('Migration1');
 if(document.PSC_Form.menu.value == "Migration"){
  elem.style.display="block";
 }
 else{
  elem.style.display="none";
 }
}
 

 
 </script>
 
<script>
 
 
 
function testText(string){
    
   string=string.removeAmpersand();
   string=string.removeEquals();
   string=string.removePercent();
   string=string.removePlus();
   string=string.removeCarat();
   string=trim(string);
  return string;
}
 

function toggleMsg(idElement){
  element = document.getElementById(idElement);
  if(element.style.visibility!='hidden'){
    element.style.visibility='hidden';
  } else {
    element.style.visibility='visible';
  }
  {document.PSC_Form.submit();}
}
 

function handleClick(e)
{
        if( e.checked )
        {
                document.getElementById('attachment_1').style.backgroundColor="#ffffff";
               document.getElementById('attachment_2').style.backgroundColor="#ffffff";
               document.getElementById('attachment_3').style.backgroundColor="#ffffff";
                document.getElementById('attachment_1').disabled=false;
                document.getElementById('attachment_2').disabled=false;
                document.getElementById('attachment_3').disabled=false;
                
        }
        else
        {
                document.getElementById('attachment_1').style.backgroundColor="#ededed";
               document.getElementById('attachment_2').style.backgroundColor="#ededed";
               document.getElementById('attachment_3').style.backgroundColor="#ededed";
                document.getElementById('attachment_1').disabled=true;
                document.getElementById('attachment_2').disabled=true;
                document.getElementById('attachment_3').disabled=true;
                
        }
}
 
function showInfo1(){
 
 var elem = document.getElementById('yes1');
 
 if(document.PSC_Form.c1.value == "yes1"){
  elem.style.display="block";
 }
 else{
  elem.style.display="none";
 }
 }
 
function subjectInsert() {
//document.getElementById('subject').value = "CPSO Content:" +document.getElementById('tracking').value ;
  document.getElementById('subject').value = "CPSO" + "  " + document.getElementById('menu').value  + "  " + document.getElementById('tracking').value;
 
return true;
}
 
  function settracking_type(thisForm)
  {
    switch (document.getElementById('menu').value) {
      case 'Add Content':
        document.getElementById('tracking_type').value = 'Content';
        break;
      case 'Broken Link':
        document.getElementById('tracking_type').value = 'Content';
        break;
        case 'Change Content':
        document.getElementById('tracking_type').value = 'Content';
        break;
        case 'Communication':
        document.getElementById('tracking_type').value = 'Content';
        break;
        case 'Compliance Broken Links':
        document.getElementById('tracking_type').value = 'Content';
        break;
        case 'Compliance Content Aging':
        document.getElementById('tracking_type').value = 'Content';
        break;
        case 'Employee Recognition':
        document.getElementById('tracking_type').value = 'Content';
        break;
        case 'File Addition':
        document.getElementById('tracking_type').value = 'Content';
        break;
        case 'File Replacement':
        document.getElementById('tracking_type').value = 'Content';
        break;
        case 'Form Survey Creation':
        document.getElementById('tracking_type').value = 'Content';
        break;
        case 'Migration':
        document.getElementById('tracking_type').value = 'Migration';
        break;
        case 'New Page':
        document.getElementById('tracking_type').value = 'Content';
        break;
        case 'New Site':
        document.getElementById('tracking_type').value = 'Content';
        break;
        case 'News Item Story':
        document.getElementById('tracking_type').value = 'Content';
        break;
        case 'Other':
        document.getElementById('tracking_type').value = 'Content';
        break;
        case 'Provider Exception Grid':
        document.getElementById('tracking_type').value = 'Content';
        break;
        case 'PSPI Power Tool':
        document.getElementById('tracking_type').value = 'Content';
        break;
        case 'Question Feedback':
        document.getElementById('tracking_type').value = 'Content';
        break;
        case 'Remove Content':
        document.getElementById('tracking_type').value = 'Content';
        break;
      default:
      document.getElementById('tracking_type').value = '';
        break;
   }
}
</script>
 
 </head>
 
 
 <body>
  <a name="top"></a> 
  <table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
    <!-- left col -->
    <body onLoad="loadCommon();">
 

    <!--center col -->
    <td valign="top">
     <!-- begin content table -->
     <div align="left">
     <table width="100%" style="border-collapse: collapse" border="0" cellspacing="0" cellpadding="10">
      <tr>
       <td class="title">
        <p align="center">&nbsp;</td>
      </tr>
      <tr>
       <td valign="top">
 
<table border="1" style="border-collapse: collapse" width="100%" cellpadding="0" height="512" cellspacing="0" id="table1" bordercolor="#C0C0C0">
  <tr>
    <td class="content" id="CONTENT" width="83%" align="left" valign="top" height="435">
   
   <form action="/sharedsvcsMail/MailServlet?html_genlerr_template=mailfail.tmpl"  enctype="multipart/form-data" method="POST" name="PSC_Form" onReset="setTimeout('SubmitDate()',100); HideOrDisplayRows('Select One');" onsubmit="subjectInsert();return Submission_Form_Validator(this);">
   <input type="hidden" name="html_success_template" value="psc_thanks.html">
   
  
    <INPUT TYPE="hidden" NAME="html_genlerr_template" value="mailfail.tmpl">
   <input type="hidden" name="mailmsg_template" value="feedback_dev.mt">   
   <input type="hidden" name="from" value="CPSOWMTracking@company.com"> 
   <input type="hidden" name="to" value="CPSOWMTracking@company.com">
   <INPUT TYPE="HIDDEN" NAME="subject" VALUE="">
 
   <div align="center"><center>
 <table style="border-width:1px; width: 100%; border-collapse: collapse" bordercolor="#D3E9FA" cellpadding="3" cellspacing="3" id="table2">
        <tr id="submitter_name_row" class="edishow">
          <td align="right" width="21%" height="8" bgcolor="#F3F3F3"><b>Tracking 
   Number:</b></td>
          <td align="left" width="77%" height="8" bgcolor="#FFFFFF"><input type="text" name="tracking" id="tracking" size=20><SCRIPT SRC="tracking.js"></SCRIPT></td>
        </tr>
        <tr id="submitter_name_row" class="edishow">
          <td align="right" width="21%" height="8" bgcolor="#F3F3F3"><b>
   <font face="Arial" size="2">
          Requested By:</font></b></td>
          <td align="left" width="77%" height="8" bgcolor="#FFFFFF">
          <font face="Arial" size="2">
          <b>
          <input name="requested_by" size="30" maxlength="30" tabindex="1"> </b></font>
   </td>
        </tr>
        <tr id="submitter_name_row" class="edishow">
          <td align="right" width="21%" height="4" bgcolor="#F3F3F3">
   <font face="Arial">
   <b>Email Address:</b></font></td>
          <td align="left" width="77%" height="4" bgcolor="#FFFFFF">
<font face="Arial">
<input type="text" name="email" size="30" class="body" tabindex="2">&nbsp; (<a href="mailto:i.e.%20example@company.com">i.e. 
example@company.com</a>)
<br>
</font></td>
        </tr>
        <tr>
          <td align="right" vAlign="top" height="9" width="21%" bgcolor="#F3F3F3">
          <font face="Arial"><b>Would you like to receive a copy of this request 
   via email?</b>
 
</font></td>
          <td align="left" vAlign="top" height="9" width="77%" bgcolor="#FFFFFF">
          <input type="checkbox" name="sendcopy" value="YES" tabindex="3"> Yes&nbsp;&nbsp;
   <br><INPUT TYPE="text" NAME="cc" style="visibility: hidden;">
<script language="JavaScript" type="text/javascript">
<!--- Hide from old browsers
function companyCom_BuildCC(form) {
if (form.sendcopy.checked) {form.cc.value = form.from.value;}
else {form.cc.value = "";}}
// end hiding --->
</script></td>
        </tr>
        <tr>
          <td align="right" width="21%" height="12" bgcolor="#F3F3F3"><b>
   <font face="Arial" size="2">
          Submitter company ID #:</font></b></td>
          <td align="left" width="77%" height="12" bgcolor="#FFFFFF"><font face="Arial" size="2"><b>
          <font face="Arial">
          <input name="company_id" maxlength="7" size="7" tabindex="4"></font></b></font><a href="feedback.htm"><font face="Arial" size="1">
   </font></a></td>
        </tr>
        <tr id="company_id_row" class="edishow">
          <td align="right" width="21%" height="4" bgcolor="#F3F3F3"><b>
   Function:</b></td>
          <td align="left" width="77%" height="4" bgcolor="#FFFFFF">
   <select size="1" name="function1" onchange="showInfo()"  style="font-family: Arial" tabindex="5">
   <option value="">Select</option>
   <option value="Claim Cost Management and Quality Improvement">Claim 
   Cost Management and Quality Improvement
   </option>
   <option value="Claim Operations">Claim Operations</option>
   <option value="Complaints, Grievances and Appeals Operations">
   Complaints, Grievances and Appeals Operations
   </option>
   <option value="Credentialing">Credentialing</option>
   <option value="Jacksonville Site">Jacksonville Site</option>
   <option value="Leadership Development">Leadership Development
   </option>
   <option value="Management Reports">Management Reports</option>
   <option value="Mentor">Mentor</option>
   <option value="Migration">Migration</option>
   <option value="Network Solutions">Network Solutions</option>
   <option value="Organization">Organization</option>
   <option value="Other">Other</option>
   <option value="Provider Call Centers and Medicaid">Provider Call 
   Centers and Medicaid
   </option>
   <option value="Provider Data Services">Provider Data Services
   </option>
   <option value="Service Improvement and Efficiency">Service 
   Improvement and Efficiency
   </option>
   <option value="Strategic Provider Solutions">Strategic Provider 
   Solutions
   </option>
   
   </select>
<div id="Claim Cost Management and Quality Improvement" style="display:none;">
   <font face="Arial"><b>Business Area:&nbsp; </b></font> <select size="1" name="bus_area" onchange="showInfo()">
   <option value></option>
   <option value="Allentown">Allentown</option>
   <option value="Bismarck">Bismarck</option>
   <option value="Blue Bell">Blue Bell</option>
   <option value="California">California</option>
   <option value="High Point">High Point</option>
   <option value="National">National</option>
   <option value="Reporting">Reporting</option>
   <option value="PST Legal Review DB">PST Legal Review DB</option>
   <option value="CCMQI Under ASO">CCMQI Under ASO</option>
   </select></div>
   <div id="Claim Operations" style="display:none;" ><b><font face="Arial">
    Business Area:</font></b>&nbsp; <select size="1" name="bus_area2" onchange="showInfo()">
    <option></option>
   <option value="Analytics">Analytics</option>
   <option value="ASH">ASH</option>
   <option value="Auto Adjudication">Auto Adjudication</option>
   <option value="Cost Mangement">Cost Mangement</option>
   <option value="Dental">Dental</option>
   <option value="Medicare">Medicare</option>
   <option value="RBCO East">RBCO East</option>
   <option value="RBCO West">RBCO West</option>
   <option value="SCSU">SCSU</option>
   <option value="SRC">SRC</option>
   </select></div><div id="Complaints, Grievances and Appeals Operations" style="display:none;">
   <font face="Arial"><b>Business Area:</b></font>&nbsp; <select size="1" name="D3" onchange="showInfo()"><option></option>
   <option value="CGA">Complaints, Grievances and Appeals Operations</option>
   </select></div><div id="Credentialing" style="display:none;"><font face="Arial"><b>
    Business Area:</b></font>&nbsp; <select size="1" name="D4" onchange="showInfo()"><option></option>
   <option value="Credentialing">Credentialing</option>
   </select></div><div id="Jacksonville Site" style="display:none;">
   <font face="Arial"><b>Business Area:</b></font>&nbsp; <select size="1" name="D5" onchange="showInfo()"><option></option>
   <option value="Jacksonville Site">Jacksonville Site</option>
   </select></div><div id="Leadership Development" style="display:none;">
   <font face="Arial"><b>Business Area:</b></font>&nbsp; <select size="1" name="D6" onchange="showInfo()"><option></option>
   <option value="Leadership Development">Leadership Development</option>
   </select></div><div id="Management Reports" style="display:none;">
   <font face="Arial"><b>Business Area:</b></font>&nbsp; <select size="1" name="D7" onchange="showInfo()"><option></option>
   <option value="Management Reports">Management Reports</option>
   </select></div><div id="Mentor" style="display:none;">
   <font face="Arial"><b>Business Area:</b></font>&nbsp; <select size="1" name="D8" onchange="showInfo()"><option></option>
   <option value="Mentor">Mentor</option>
   </select></div> 
   <div id="Migration2" style="display:none;">
<font face="Arial"><b>Business Area:</b></font>&nbsp; <select size="1" name="D9" onchange="showInfo()"><option></option>
   <option value="Migration">Migration</option>
   </select></div><div id="Network Solutions" style="display:none;">
 
   <font face="Arial"><b>Business Area:</b></font>&nbsp; <select size="1" name="D10" onchange="showInfo()"><option></option>
   <option value="Network Solutions">Network Solutions</option>
   </select></div><div id="Organization" style="display:none;">
 
   <font face="Arial"><b>Business Area:</b></font>&nbsp; <select size="1" name="D11" onchange="showInfo()"><option></option>
   <option value="Organization">Organization</option>
   </select></div><div id="Other" style="display:none;">
   <font face="Arial"><b>Business Area:</b></font>&nbsp; <select size="1" name="D12"><option></option>
   <option value="AAEN">AAEN</option>
   </select></div><div id="Provider Call Centers and Medicaid" style="display:none;">
   <font face="Arial"><b>Business Area:</b></font>&nbsp; <select size="1" name="D13" onchange="showInfo()">
   <option></option>
   <option value="Allentown">Allentown</option>
   <option value="Arlington">Arlington</option>
   <option value="Bismarck">Bismarck</option>
   <option value="Blue Bell">Blue Bell</option>
   <option value="High Point">High Point</option>
   <option value="Jacksonville DAPC">Jacksonville DAPC</option>
   <option value="Jacksonville ECHO">Jacksonville ECHO</option>
   <option value="Medicaid">Medicaid</option>
   <option value="National">National</option>
   <option value="New Albany">New Albany</option>
   <option value="PFFS">PFFS</option>
   </select></div><div id="Provider Data Services" style="display:none;">
   <font face="Arial"><b>Business Area:</b></font>&nbsp; <select size="1" name="D14" onchange="showInfo()">
   <option></option>
   <option value="Communication">Communication</option>
   <option value="EPDB Flag Tool">EPDB Flag Tool</option>
   <option value="PDS">PDS</option>
   </select></div><div id="Service Improvement and Efficiency" style="display:none;">
   <font face="Arial"><b>Business Area:</b></font>&nbsp; <select size="1" name="D15" onchange="showInfo()"><option></option>
   <option value="SIE">Service Improvement and Efficiency
   </option>
   </select></div><div id="Strategic Provider Solutions" style="display:none;">
 
   <font face="Arial"><b>Business Area:</b></font>&nbsp; <select size="1" name="D16" onchange="showInfo()"><option></option>
   <option value="SPS">Strategic Provider Solutions
   </option>
   </select></div></td>
        </tr>
        <tr>
          <td align="right" vAlign="top" height="9" width="21%" bgcolor="#F3F3F3">
          <font face="Arial">
          <b>Is this a haste request:</b></font></td>
          <td align="left" vAlign="top" height="9" width="77%" bgcolor="#FFFFFF">
          <font face="Arial">
          <input type="checkbox" name="haste" value="yes" tabindex="6">Yes</font><font face="Arial" color="#FF0000">
   </font></td>
        </tr>
        <tr>
          <td align="right" width="21%" valign="top" bgcolor="#F3F3F3" size="2">
   <b>Maintnenance Type:</font></b></b></td>
          <td valign="top" width="77%" bgcolor="#FFFFFF"><font face="Arial">
<select name="menu" id="menu"  OnChange="showInfo2();settracking_type(this.form);" size="1" tabindex="7">
<option value="">Select</option>
<option value="Add Content">Add Content</option>
<option value="Broken Link">Broken Link</option>
<option value="Change Content">Change Content</option>
<option value="Communication">Communication</option>
<option value="Compliance Broken Links">Compliance Broken Links</option>
<option value="Compliance Content Aging">Compliance Content Aging</option>
<option value="Employee Recognition">Employee Recognition</option>
<option value="File Addition">File Addition</option>
<option value="File Replacement">File Replacement</option>
<option value="Form Survey Creation">Form Survey Creation</option>
<option value="Migration">Migration</option>
<option value="New Page">New Page</option>
<option value="New Site">New Site</option>
<option value="News Item Story">News Item Story</option>
<option value="Other">Other</option>
<option value="Provider Exception Grid">Provider Exception Grid</option>
<option value="PSPI Power Tool">PSPI Power Tool</option>
<option value="Question Feedback">Question Feedback</option>
<option value="Remove Content">Remove Content</option>
</select></font><input type="text" size="50"  name="tracking_type" style="display:none;" id="tracking_type"><br>
&nbsp;<div id="update1" style="display:none;"> <b>Web Section: </b>
<select name="web_section" id="update1" size="1" tabindex="7">
<option value="Other">Select</option>
<option value="About Us">About Us</option>
<option value="Employee Development">Employee Development</option>
<option value="Employee Recognition">Employee Recognition</option>
<option value="Home Page">Home Page</option>
<option value="Key Features">Key Features</option>
<option value="Migration">Migration</option>
<option value="News and Highlights">News and Highlights</option>
<option value="Other">Other</option>
<option value="Reference Center">Reference Center</option>
<option value="Reports">Reports</option>
<option value="Site Page">Site Page</option>
<option value="Tools &amp; Technology">Tools &amp; Technology</option>
<option value="Training / Quality">Training / Quality</option>
</select>
   <br>
   </font>
 
   <br>
 
   Please enter the URL to the content you are requesting the update 
   for<br>
<input name="update" size="122" onfocus="if(this.value == 'Add Content'){this.value=''}" tabindex="8"><font face="Arial"><i><font size="2"><br>
   Please use comment box below to define content needed and/or utilize 
   file attachment option to submit the updated file. </font></i>
 </font>
 </font></i><font size="2" face="Arial">
 <b> 
</div>
   </b>
</font><div id="Migration1" onchange="showInfo()" style="display:none;">1&nbsp;&nbsp;&nbsp;
        <input type="text" name="track_1" id="track_1" size="5" tabindex="" /><input type="text" name="T1" size="111" onfocus="if(this.value == 'migration'){this.value=''}" ><br>
        2.&nbsp;&nbsp;
        <input type="text" name="track_2" id="track_2" size="5" tabindex="" /><input type="text" name="T2" size="111" onfocus="if(this.value == 'migration'){this.value=''}" ><br>
        3.&nbsp;&nbsp;
        <input type="text" name="track_3" id="track_3" size="5" tabindex="" /><input type="text" name="T3" size="111"onfocus="if(this.value == 'migration'){this.value=''}" ><br>
        4.&nbsp;&nbsp;
        <input type="text" name="track_4" id="track_4" size="5" tabindex="" /><input type="text" name="T4" size="111"onfocus="if(this.value == 'migration'){this.value=''}" ><br>
        5.&nbsp;&nbsp;
        <input type="text" name="track_5" id="track_5" size="5" tabindex="" /><input type="text" name="T5" size="111"onfocus="if(this.value == 'migration'){this.value=''}" ><br>
        <br>
        Would you like to add more files to this 
   migration request?
        <select size="1" name="c1" onChange="showInfo1()" style="font-family: Arial">
        <option selected>
        </option>
        <option value="yes1">Yes
        </option>
        </select></p></div>
   <div id="yes1"  style="display:none;">
<br>
        6.&nbsp;&nbsp;&nbsp;&nbsp;
        <input type="text" name="track_6" id="track_6" size="5" tabindex="" /><input type="text" name="T6" size="111" onfocus="if(this.value == 'migration'){this.value=''}" ><br>
        7.&nbsp;&nbsp;&nbsp;&nbsp;
        <input type="text" name="track_7" id="track_7" size="5" tabindex="" /><input type="text" name="T7" size="111" onfocus="if(this.value == 'migration'){this.value=''}" ><br>
        8.&nbsp;&nbsp;&nbsp;&nbsp;
        <input type="text" name="track_8" id="track_8" size="5" tabindex="" /><input type="text" name="T8" size="111" onfocus="if(this.value == 'migration'){this.value=''}" ><br>
        9.&nbsp;&nbsp;&nbsp;&nbsp;
        <input type="text" name="track_9" id="track_9" size="5" tabindex="" /><input type="text" name="T9" size="111" onfocus="if(this.value == 'migration'){this.value=''}" ><br>
        10.&nbsp;&nbsp; 
         <input type="text" name="track_10" id="track_10" size="5" tabindex="" /><input type="text" name="T10" size="111" onfocus="if(this.value == 'migration'){this.value=''}"><br>
                                11.&nbsp;&nbsp;
                                <input type="text" name="track_11" id="track_11" size="5" tabindex="" /><input type="text" name="T11" size="111" onfocus="if(this.value == 'migration'){this.value=''}"><br>
        12.&nbsp;&nbsp;
        <input type="text" name="track_12" id="track_12" size="5" tabindex="" /><input type="text" name="T12" size="111" onfocus="if(this.value == 'migration'){this.value=''}" ><br>
        13.&nbsp;&nbsp;
        <input type="text" name="track_13" id="track_13" size="5" tabindex="" /><input type="text" name="T13" size="111" onfocus="if(this.value == 'migration'){this.value=''}" ><br>
        14.&nbsp;&nbsp;
        <input type="text" name="track_14" id="track_14" size="5" tabindex="" /><input type="text" name="T14" size="111" onfocus="if(this.value == 'migration'){this.value=''}" ><br>
        15.&nbsp;&nbsp; 
        <input type="text" name="track_15" id="track_15" size="5" tabindex="" /><input type="text" name="T15" size="111" onfocus="if(this.value == 'migration'){this.value=''}" ><br>
        
         </div>
   </td>
        </tr>
        </div>
        <tr>
        <td width="17%" align="right" bgcolor="#F3F3F3">
        <b>Request Details / Comments</b></td>
        <td>
        <textarea rows="5" name="description" cols="90"></textarea></td>
       </tr>
        <tr>
          <td align="right" colSpan="2" vAlign="top" height="18" width="100%" bgcolor="#F3F3F3">
          <p align="center">
          <font face="Arial" style="font-size: 9pt">Note:&nbsp; To attach a</font><font face="Arial"><font style="font-size: 9pt"> 
          document to this request, simply click on one of the &quot;Browse&quot; buttons 
   (below).&nbsp; You will then be directed to go to the location of 
   your document.&nbsp; Select the &quot;Open&quot; option and your file will 
   attach to this request.</font><br>
<span class="small" style="color:#FF0000;"><strong>***(!)</strong><b> The sum of 
   all file attachments must not exceed 1000 KB (1 MB) ***</b></span><br>
<br>
 
          </font>
 
          <b><font face="Arial" size="2"><input name="checkbox_1" id="checkbox_1" type="checkbox"  value="1" size="3" onclick="handleClick(this)" />          
          Click here to attach files<p align="center"> 
 
          File Attachment 1 <input id="attachment_1" name="attachment_1" type="file" value="" size="30"  disabled="disabled" style="background-color:#ededed;">
<br>
 
          File Attachment 2 <input id="attachment_2" name="attachment_2" type="file" value="" size="30"  disabled="disabled" style="background-color:#ededed;"><br>
 
          File Attachment 3 <input id="attachment_3" name="attachment_3" type="file" value="" size="30"  disabled="disabled" style="background-color:#ededed;"></font> </p>
   <p align="center">
          &nbsp;</p>
          <p align="center">
          <font face="Arial">
          <input type="Submit" value="Send Form"  tabindex="22" >&nbsp;&nbsp;&nbsp;&nbsp; <input type="reset" value="Clear Form"></font></p>
          <p>&nbsp;</td>
        </tr>
        </table>
      </center></div>
</form>
 
    </td>
  </tr>
</table>
 
 
        </td>
    
    <!-- Right column for boxes -->
      </tr>
     </table>
     
  </div>
     
  <!-- end content table -->
    </td>
   </tr>
  <!-- end center column -->
   
   </table>
  
     &nbsp;<!-- begin footer --><p align="left" class="pubinfo" id="PUBINFO">
 </body>
</html>

Open in new window

js1138Asked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

chaitu chaituCommented:
you want  this;
chnage at line:101

    var elem = document.getElementById('Credentialing');
 if(document.PSC_Form.function1.value == "Credentialing"){
  elem.style.display="block";

  alert(document.PSC_Form.D4.options[1].value)

  document.PSC_Form.D4.selectedIndex=1;
 }
0
chaitu chaituCommented:
    var elem = document.getElementById('Jacksonville Site');
 if(document.PSC_Form.function1.value == "Jacksonville Site"){
  elem.style.display="block";
    document.PSC_Form.D5.selectedIndex=1;

Open in new window

0
chaitu chaituCommented:
instead of this many select boxes(D1,D2 .. D13 ) why dont you create dynamic select box with relevant option values.
0
Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
chaitu chaituCommented:
if(document.PSC_Form.function1.value == "Credentialing"){
  elem.style.display="block";


  var combo = document.getElementById("D4");  
  var option = document.createElement("option");  
  option.text = "Credentialing";    
  option.value = "Credentialing";
    combo.add(option);

  document.PSC_Form.D4.selectedIndex=1;
0
chaitu chaituCommented:
see changed little bit for generic purpose
    var elem = document.getElementById('Credentialing');
 if(document.PSC_Form.function1.value == "Credentialing"){
  elem.style.display="block";

  addCombo("D4",'Credentialing');
 }
 else{
  elem.style.display="none";
 }
 
    var elem = document.getElementById('Jacksonville Site');
 if(document.PSC_Form.function1.value == "Jacksonville Site"){
  elem.style.display="block";

  addCombo("D5",'Jacksonville Site');

 }
 else{
  elem.style.display="none";
 }
  
 
    var elem = document.getElementById('Leadership Development');
 if(document.PSC_Form.function1.value == "Leadership Development"){
  elem.style.display="block";
    addCombo("D6",'Leadership Development');

 }

function addCombo(id,value){

  var combo = document.getElementById(id);   
  var option = document.createElement("option"); 

for(var i=1;i<combo.options.length;i++)
{
	combo.remove(i);
}


 option.text = value;    
 option.value =value; 
 combo.add(option); 
 document.getElementById(id).value=value;

}
selectbox would be like this;;

   <select size="1" name="D5" onchange="showInfo()">
   <option></option>
   </select>

Open in new window

0
js1138Author Commented:
Almost there....  I see what you are saying about relavant values. However all of this ends up feeding into a tool on unfortunatly this is the best way to do it.. All I really need at this point is to be able to choose a "Function" and coresponding "Business Area" with the coresponding BUsiness area being required with an alert message. Looks like you have it at line 101 "Credentialing"  however the alert message should be something like "Please select a Business Area"  and the message should be more of an OnClick or OnBlur event alerting the user that they have NOT selected anyting.. Hope that make sense.

Thank You
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
JavaScript

From novice to tech pro — start learning today.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.