Sv Community El Salvador
Soporte y Tecnología => Programación => Scripts => Mensaje iniciado por: rulax en octubre 06, 2009, 05:17:12 pm
-
Como puedo hacer para que las campos de una caja de texto se me deshabiliten dependiendo de la opcion seleccionada en el combo list. por ejemplo si tengo un administrativo que se deshabiliten ambas cajas de texto, si es vendedor solo una y si es operario pues quede la otra disponible. por el momento este es el codigo que tengo pero no me funciona.
<form name="myform" action="mostrardatos.php" method="post">
<select name="cargo" size="1">
<option value="vendedor">Vendedor</option>
<option value="operario">Operario</option>
<option value="administrativo">Administrativo</option>
</select>
<input name="hrextra" type="text" />
<input name="venta" type="text" />
<input name="submit" value="OK" type="submit" />
<script language="javascript">
function enabledisabletext()
{
if(document.myform.cargo.value=='Administrativo')
{
document.myform.hrextra.disabled=true;
document.myform.venta.disabled=true;
}
if(document.myform.cargo.value=='Vendedor')
{
document.myform.hrextra.disabled=true;
document.myform.venta.disabled=false;
}
if(document.myform.cargo.value=='Operario')
{
document.myform.hrextra.disabled=false;
document.myform.venta.disabled=true;
}
}
</script>
como podran ver estoy tratando de usar un javascript, pero por alguna razon no me esta funcionando.
Cualquier sugerencia sera bienvenida.
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">
function disablefields(){
//alert("cambia");
var selObj = document.getElementById('cargo');
var selIndex = selObj.selectedIndex;
if (selObj.options[selIndex].value == "vendedor"){
alert("vendedor selected");
}
if (selObj.options[selIndex].value == "operario"){
alert("operario selected");
}
if (selObj.options[selIndex].value =="administrativo"){
alert("administrativo selected");
}
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<form name="myform" action="mostrardatos.php" method="post">
<select name="cargo" size="1" onchange="javascript:disablefields();" id="cargo">
<option value="vendedor" id="vendedor">Vendedor</option>
<option value="operario" id="operario">Operario</option>
<option value="administrativo" id="administrativo">Administrativo</option>
</select>
<input name="hrextra" type="text" />
<input name="venta" type="text" />
<input name="submit" value="OK" type="submit" />
</body>
</html>
en lugar de los alerts, ponele tus eventos
-
Gracias Naruto, cambiare el codigo e intentare de nuevo.