[melnikdima]

Написал код.

подскажите как его переделать чтобы можно было использовать не 1 форму f1 а много f1 f2 f3 f4 и т.д
и не одно choice а choice1 choice2 choice3

соответственно f1-choice1, f2-choice2, f3-choice3

проблема как правильно передавать f и choice в функцию
selectImage

и как правильно обращаться к переданным значениям.

<style type="text/css">

select.a{
background:url('');

   background-repeat: no-repeat;
   height:60px;
   width:120px;
}

option
{
   background-repeat: no-repeat;
   height:60px;
   width:90px;
}
option.a1{
   background-image: url('img/line_g.png');
}
option.a2 {
    background-image: url('img/C_g.png');
}
option.a3 {
    background-image: url('img/C_v.png');
}
</style>




<FORM name="f1"  action="#">
<SELECT name="choice" class="a" onChange="selectImage()">
<OPTION class="a1" VALUE="Less than 1 year.">
<OPTION class="a2" VALUE="1-5 years.">
<OPTION class="a3" VALUE="1-5 years.">
</SELECT>
</FORM>



<SCRIPT language="javascript">


function selectImage()
{

  document.f1.choice.style.backgroundImage = "url('"+imageSet[document.f1.choice.selectedIndex]+"')";
  
}


function Selector(images)
{

/* si: start index 
** i: current index
** ei: end index
** cc: current count 
*/
 si = 0; 
 ci=0;
 cc=0;
 imageSet = new Array();
 ei = images.length;
 
for (i=1;i<ei;i++) {
if (images.charAt(i) == ' ' || images.charAt(i) == ',') {
imageSet[cc] = images.substring(si,i);

cc++;
si=i+1;   }
}

}

</SCRIPT>
<SCRIPT>

Selector("img/line_g.png img/C_g.png img/C_v.png ");

</SCRIPT>