Simple Loop Problem (new to Javascript)

Simple Loop Problem (new to Javascript)

I have to populate a number of dropdown lists.  I have a function that works, and I'd like to loop through it several times in order to populate the lists.  Assuming that my dropdown lists have ids of color1, color2, etc, can someone tell me what is wrong with the function below?


  1. function dropdownlist(listindex)
  2. {
  3. var i=0;
  4.     for (i=0;i<=5;i++)
  5.     {
  6.    
  7.     document.form.color+i+.options.length = 0;
  8.         switch (listindex)
  9.         {
  10.        
  11.         case "3.86" :
  12.         document.form.color+i+.options[0]=new Option("Choose","");
  13.         document.form.color+i+.options[1]=new Option("Slate","l");
  14.         document.form.color+i+.options[2]=new Option("Navy","d");
  15.         document.form.color+i+.options[3]=new Option("Mustard","l");
  16.         document.form.color+i+.options[4]=new Option("Lime","l");
  17.         document.form.color+i+.options[5]=new Option("White","l");
  18.        
  19.         break;
  20.        
  21.         case "3.52" :
  22.         document.form.color+i+.options[0]=new Option("Choose","");
  23.         document.form.color+i+.options[1]=new Option("Navy","d");
  24.         document.form.color+i+.options[2]=new Option("Banana","l");
  25.         document.form.color+i+.options[3]=new Option("Sand","l");
  26.         document.form.color+i+.options[4]=new Option("Military Green","d");
  27.         document.form.color+i+.options[5]=new Option("White","l");
  28.        
  29.         break;
  30.        
  31.        
  32.         }
  33.    
  34.     }
  35. }