Aiutino menù select

[powerflash]

questa funzione travasa dei dati in una select:


questa è la select menù

<select name="parent_id_o[]" size="10" multiple id="parent_id_o">
<option value="0">No</option>
</select>


questo è l'array:

<script type="text/javascript" language="javascript"><!--
var elementi = new Array(
{text:" F.A.Q.", value:"13;", indicatore:"4", style:"#bbccdd"},
{text:" Home Page", value:"10;", indicatore:"4", style:"#bbccdd"},
{text:" Mappa del sito", value:"46;", indicatore:"4", style:"#bbccdd"},
{text:" News", value:"15;", indicatore:"4", style:"#bbccdd"},
{text:" Novità", value:"11;", indicatore:"4", style:"#bbccdd"}
....
--></script> 

questa è la funzione travasa:

function travasa(dove, valore) {
 var k=0;
 for (j=0; j<elementi.length; j++)
  if (elementi[j].indicatore==valore) {
   dove.options[k]=new Option(elementi[j].text, elementi[j].value, elementi[j].style);
   k++
  }
 dove.options.length=k;  
} 

questo è il primo richiamo, al caricamento della pagina:

<script type="text/javascript" language="javascript">
        <!--
        if (document.form1.parent_id_o) {
            document.onLoad = travasa(document.form1.parent_id_o, document.form1.do_menu_id.value);
        }
        -->
</script> 

in pratica, nell'array ho anche la variabile style, che contiene il colore di sfondo che deve essere diverso in alcuni casi, però non riesco a impostare questa variabile style quando vado a travasare l'array nella Select.

in pratica la variabile style dell'array deve essere generata nella Select in questo modo (per capirci)

<option style="background-color:#bbccdd" value="444">Titolo</option>