how to set dynamic value to a combo box?

[smyle khanna]

hi all..
i am facing problem with dynamic created combo boxes...i have 2 combo boxes..n the after the first combo box is set 4 a certain value,for tht value the second combo box gets the corresponding values in it..
my first combo box display the value but the second one doesnt take the value of first n display the list accordinly..plz help me out the code is given blow..i have used the javascript code also which was mention in sum forum..

 
<p><font size=4>Highest Qualification</font>
<hr width="20%" align=left></p>
<table width="600" cellspacing="1" cellpadding="2" align="center" border="0">
<form name=quali>
<tr class=detail>
<td valign=top width=120><font size=3>Qualification Level</td>
<td valign=top width=480>
<select name=qualilevel id=qualilevel onChange="handleChange(this[this.selectedIndex].value)">
<option value="0">---</option>
<option value="BA">Bachelor of Art(B.A)</option>
<option value="BCom">Bachelor of Commerce(B.Com)</option>
<option value="BSC">Bachelor of Science(B.Sc)</option>
<option value="BBA">Bachelor of Business Administration(BBA)</option>
<option value="BCA">Bachelor of Computer Application(BCA)</option>
<option value="BE">Bachelor of Engineering/Technology(B.E/B.Tech) or Equivalent</option>
<option value="MA">Master of Art(M.A)</option>
<option value="MCom">Master of Commerce(M.Com)</option>
<option value="MSc">Master of Science(M.Sc)</option>
<option value="MCA">Master of Computer Application(MCA)</option>
<option value="MBA">MBA/PGDBA/PGPM or Equivalent</option>
<option value="MTech">Master of Engineering/Technology(M.E/M.Tech) or Equivalent</option>
<option value="PHD">Doctorate (PhD)</option>
</select></font></td>
</tr>

<tr class=detail>
<td valign=top width=120><font size=3>Field of Study</font></td>
<td valign=top width=480>
<select name=fields>
<option value=-1>-- Select Field --
<option>
<option>
<option>
<option>
<option>
<option>
<option>
<option>
</select>
<script type="text/javascript">
handleChange(-1)
</script>
</td>
</tr>
</form>

the corresponding javascript code which gets executed on change is given blow

<script type="text/javascript">
// Create arrays containing state cities
// Note: These arrays could be created dynamically
var arrFields, arrBA, arrBCom, arrBSc,arrBCA ,arrBBA , arrBE, arrMA, arrMCom, arrMSc, arrMBA, arrMCA, arrMTech,arrPHD
arrBA = ["Art and Design", "Economics", "Editing and Publication", "Education/Teaching/Training","Humanities/Liberal Arts","Library Management","Art and Design","Mass Communication","Others"]
arrBCom = ["Commerce","Finance/Accountancy/Banking", "Others"]
arrBSc = ["Agriculture", "Biology", "Chemistry", "Computer Science/InformationTechnology","Physics","Others"]
arrBCA = ["Computer Science/InformationTechnology"]
arrBBA = ["Advertising/Media", "Business Studies/Administration/Management", "Computer Science/InformationTechnology", "Finance/Accountancy/Banking","Human Resource Management","Sales and Marketing","Others"]
arrBE = ["BioTechnology", "Computer Science/InformationTechnology", "Engineering(Aviation/Aeronautics/Astronautics)","Engineering(Chemical)","Engineering(Civil)","Engineering(Electronics/Electrical)","Engineering(Mechanical/Industrial Production)","Engineering(Computer/Telecommunication)","Engineering(others)"]
arrMA= ["Art and Design", "Economics", "Editing and Publication", "Education/Teaching/Training","Humanities/Liberal Arts","Library Management","Art and Design","Mass Communication","Others"]
arrMCom= ["Commerce","Finance/Accountancy/Banking", "Others"]
arrMSc= ["Agriculture", "Biology", "Chemistry", "Computer Science/InformationTechnology","Physics","Others"]
arrMBA= ["Advertising/Media", "Business Studies/Administration/Management", "Computer Science/InformationTechnology", "Finance/Accountancy/Banking","Human Resource Management","Sales and Marketing","Others"]
arrMCA= ["Computer Science/InformationTechnology"]
arrMTech= ["BioTechnology", "Computer Science/InformationTechnology", "Engineering(Aviation/Aeronautics/Astronautics)","Engineering(Chemical)","Engineering(Civil)","Engineering(Electronics/Electrical)","Engineering(Mechanical/Industrial Production)","Engineering(Computer/Telecommunication)","Engineering(others)"]
//arrPHD= ["BioTechnology", "Engineering(Aviation/Aeronautics/Astronautics)", "Engineering(Chemical)","Engineering(Civil)","Engineering(Electronics/Electrical)","Engineering(Mechanical/Industrial Production)","Engineering(Computer/Telecommunication)","Engineering(others)",Advertising/Media", "Business Studies/Administration/Management", "Computer Science/InformationTechnology", "Finance/Accountancy/Banking", "Human Resource Management","Sales and Marketing","Others","Agriculture", "Biology", "Chemistry", "Physics"]
arrFields =[arrBA, arrBCom, arrBSc,arrBCA,arrBBA,arrBE,arrMA,arrMCom,arrMSc,arrMBA,arrMCA,arrMTech,arrPHD]
// Function to handle dynamically altering the contents of the City List box
function handleChange(newDisplay)
{   var QualiSelect, FieldSelect, NumEntries, i
    QualiSelect = document.quali.qualilevel 
    FieldSelect = document.quali.fields
    //  Delete all entries in the cities list box
    
 /*for (i = FieldSelect.length; i > 0; i--)
  {
    FieldSelect.options[i-1] = null
  
  }*/
  
  // Add comment option to City List box
 /* FieldSelect.options[0] = new Option("-- Select Field --",0)*/
  alert("adding comment");
  // If state is selected add its cities to the City List box
  if (newDisplay >= 0)
  {
  alert(newDisplay);  
    NumEntries = arrFields[newDisplay].length
    alert(NumEntries);
    for (i = 1; i <= NumEntries; i++)
    {
      FieldSelect.options[i] = new Option((arrFields[newDisplay])[i-1],(i))
      alert(FieldSelect.options[i]);
      alert(arrFields[newDisplay]);
    }
  }
  FieldSelect.selectedIndex = 0
}
</script>
  

thanks in advance

[Eric Pascarello]

The onchange event is sending back the value of the selection. The script is trying to uses that value to get it out of the array. You have the arrays named different.
I would say use this script: http://www.javascriptkit.com/script/cut183.shtml Just do not include the Go Button...
Eric