asignarle estilo a un option de un selec

[Cap.Buscapina]

hola,
me rompí la cabeza intentando asignarle un estilo a un determinado option de un select, que genero a traves de js

function agregar(dd,dv,ingr){
var opt=document.forms['form1']['spn'];
var w=parseInt(opt.length);
texto=document.forms['form1']['selector'].options[document.forms['form1']['selector'].selectedIndex].text;
opt.options[w]=new Option(texto+"--->"+dd,texto+"--->"+dd,false,false);
document.forms['f'+dv].reset();
recomenzar();
}


esto funcina tal cual yo quiero, si no fuera que no encuentro la forma de asignarle un estilo a medida que lo voy creando.

saludos

[derkenuke]

Buf la proxima vez intenta colocar un codigo que podamos utilizar, directo al problema ok? te sera mas facil encontrar ayuda y a nosotros responder. Y no te cortes en utilizar [ p h p ] y [ / p h p ] :

Código PHP:

  <script>
var a=1;
function agregar(elSelect,txt,val, bgColor){
    elSelect=document.getElementsByName(elSelect)[0];
    var laOpcion=new Option(txt+" "+a,val+a);
    laOpcion.style.backgroundColor=bgColor;
    elSelect.options[elSelect.options.length]=laOpcion;
    a++;
}
</script>
 
<form name="form1">
    <select name="selector" size="10" ondblclick="alert(this.options[this.options.selectedIndex].value)">
        <option value="foo">foo</option>
        <option value="kick">kick</option>
    </select>
    <br/>
    <input type="button" value="+ (verde)" onclick='agregar( "selector", "unTexto", "unValor" , "#00FF00" )'>
    <input type="button" value="+ (rojo)" onclick='agregar( "selector", "unTexto", "unValor" , "#FF0000" )'>
    <input type="button" value="+ (azul)" onclick='agregar( "selector", "unTexto", "unValor" , "#0000FF" )'>
</form> 
  

[Cap.Buscapina]

Código PHP:

  Buf la proxima vez intenta colocar un codigo que podamos utilizar, directo al problema ok? te sera mas facil encontrar ayuda y a nosotros responder. Y no te cortes en utilizar [ p h p ] y [ / p h p ] 
   

ok, comprendido (el codigo era al efecto de mostrar como creaba la nueva opción, que , justamente allí era donde fallaba)

El error era que le asignaba el estilo luego de crearla y no durante el proceso.


y al solo efecto de mostrar como quedó (asi el amigo derkenuke no se me enoja ) :

Código PHP:

  function agregar(dd,dv,ingr){  var opt=document.forms['form1']['spn'];  var w=parseInt(opt.length);  texto=document.forms['form1']['selector'].options[document.forms['form1']['selector'].selectedIndex].text;  var nuevaopc=new Option(texto+"--->"+dd,texto+"--->"+dd,true,true);  nuevaopc.style.backgroundColor="blue";  opt.options[w]=nuevaopc;  document.forms['f'+dv].reset();  recomenzar();  } 
   

[derkenuke]

(asi el amigo derkenuke no se me enoja ) :

jeje, tranquilo. Asi se hace!