Autor Tema: Ayuda deshabilitar campos de texto con un combo list.  (Leído 5553 veces)

0 Usuarios y 1 Visitante están viendo este tema.

Desconectado rulax

  • Sv Jr.
  • **
  • Mensajes: 58
Ayuda deshabilitar campos de texto con un combo list.
« : 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.

Código: [Seleccionar]
<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.

Desconectado Jaru

  • The Communiter-
  • *
  • Mensajes: 13252
  • some text
Re:Ayuda deshabilitar campos de texto con un combo list.
« Respuesta #1 : octubre 06, 2009, 05:42:53 pm »
Código: [Seleccionar]
<!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
N/A

Desconectado rulax

  • Sv Jr.
  • **
  • Mensajes: 58
Re:Ayuda deshabilitar campos de texto con un combo list.
« Respuesta #2 : octubre 06, 2009, 06:04:04 pm »
Gracias Naruto, cambiare el codigo e intentare de nuevo.