Foros del Web » Programando para Internet » Javascript »

condicionar color de texto de option de mis <select>

Estas en el tema de condicionar color de texto de option de mis <select> en el foro de Javascript en Foros del Web. Que tal, espero alguien pueda colaborar con este problema que tengo, necesito validar que los options de mis 21 combos tengan cierto valor cuando lo ...
  #1 (permalink)  
Antiguo 11/06/2009, 12:43
 
Fecha de Ingreso: marzo-2008
Mensajes: 59
Antigüedad: 16 años, 1 mes
Puntos: 0
condicionar color de texto de option de mis <select>

Que tal, espero alguien pueda colaborar con este problema que tengo, necesito validar que los options de mis 21 combos tengan cierto valor cuando lo encuentren se pinte de rojo esa opcion.


mas o menos estaba trabajando en esto pero no jalo

for (i=0;i<=21;i++){

for(ii=0;ii<=document.form.i.options[ii].lenght.value;ii++){

if(document.form.i.options[ii].value = "inexistente"){

document.form.i.options[ii].style.color = "#FF0000";
return false;
}
}
}

------------------------------------------------------

<select id='1' name="xxxx">

<option value="algo mas"></option>
<option value="inexistente"></option> Este se pintaria de ROJO
<option value="algo mas"></option>

</select>

<select id='2' name="xxxx">

<option value="algo mas"></option>
<option value="inexistente"></option> Este se pintaria de ROJO
<option value="algo mas"></option>

</select>


Espero alguien pueda valorar si esta correcto este codigo, o que modificaciones hayq ue ahcerle

ejemplo de select
  #2 (permalink)  
Antiguo 11/06/2009, 14:37
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.050
Antigüedad: 15 años
Puntos: 1485
Respuesta: condicionar color de texto de option de mis <select>

la referencia que obtienes de los elementos no son validas. intenta utilizando el nombre de los selects. en este caso, ambos select contienen el mismo nombre de modo que document.form.xxxx devuelve un HTMLCollection, un tipo de objeto muy parecido a los arrays.
Código javascript:
Ver original
  1. for(var i = 0; i < document.form.xxxx.length; i++){
  2.   for(var ii = 0; ii < document.form.xxxx[i].options.length; ii++){
  3.   if(document.form.xxxx[i].options[ii].value != "inexistente")continue;
  4.   document.form.xxxx[i].options[ii].style.color = "#FF0000";
  5.   }
  6. }
__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.

Última edición por zerokilled; 11/06/2009 a las 14:42
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 21:32.