Ver Mensaje Individual
  #1 (permalink)  
Antiguo 16/11/2012, 12:59
jcao29
 
Fecha de Ingreso: enero-2002
Mensajes: 70
Antigüedad: 22 años, 3 meses
Puntos: 0
Habilitar lista desplegable(select) capturando el valor mayor a 70

Hola a todos, necesito de su ayuda.

Tengo un problema a la hora de habilitar un select de opciones, dependiendo del valor capturado en un input text.

La condicion es cuando el valor capturado sea menor de 70 se habilite la opción del select que inicialmente esta deshabilitado.

Esto lo puedo hacer siempre y cuando sea uno, pero son varios inputs y varios creados dinamicamente por medio de una consulta a la base de datos ya no se decirle que habilite los otros select's.

<script type="text/javascript">
function check_cantidad(element)
{
var cant = element.value;
var cant_es_flotante = isFloat(cant);
// alert('Valor introducido: '+cant+' \n\n ID: '+element.id+' | Es flotante? '+cant_es_flotante);
// descomentar si quieres revisar los valores del id, value y si es flotante

if (isNaN(cant))
{
alert('Valor introducido: '+cant+' \n\n Introduce solo valores numericos');
document.getElementById(element.id).value = "";
}
else
{
if (cant < 1 )
{
alert('Valor introducido: '+cant+' \n\n Introduce numeros enteros mayores que 0');
document.getElementById(element.id).value = "";
}
else
{
if (cant >= 70)
{
alert('Valor introducido: '+cant+' \n\n El valor es mayor a 70.\n');
document.getElementById(element.id).value = cant;
if (cant_es_flotante == true)
{
alert('Valor introducido: '+cant+' \n\n El valor es decimal. Será convertido a entero.');
cant = parseInt(cant);
document.getElementById(element.id).value = cant;
}
}
else
{
alert('Valor introducido: '+cant+' \n\n El valor es menor a 70.');
document.getElementById(element.id).value = cant;
// funciona solo para uno
var sel = document.getElementById('medio');
sel.disabled=!sel.disabled;

}
}
}
}
</script>


<input type="text" name="cantidad[]" id="cantidad_'.$articulo.'" onChange="check_cantidad(this);">

<select name="medio" id="medio" disabled="disabled">
<option value="1">Opcion 1</option>
<option value="2">Opcion 2</option>
<option value="3">Opcion 3</option>
</select>

Espero me pudan ayudar...
Gracias