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