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!