funcion de campos

mexbale · #1 (**permalink**) 04/05/2012, 12:49

hola a todos quisiera hacerles una consulta son novato.

tengo este código con estas funciones

Código Javascript:

Ver original<script language="JavaScript" type="text/javascript">
function activaEstado(iden) //funcion para activar los campos
{
var elhtml2 = document.getElementById(iden);
var elhtml = iden;
if(elhtml2.style.display == 'none'){
elhtml2.style.display = 'block';}
else {elhtml2.style.display = 'block';}
}
</script>
<script language="JavaScript" type="text/javascript">
function desactivaEstado(iden) //funcion para desactivar los campos
{
var elhtml2 = document.getElementById(iden);
var elhtml = iden;
 
 
 
 
elhtml2.style.display = 'none';
elhtml2.value="";
}
</script>

Código Javascript:

Ver original<style type="text/css">
<!--
#D01 {    border: solid 1px #333333; 
}
#T01 {    border: solid 1px #333333; 
}
-->
</style>

Código HTML:

Ver original<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Prueba</title>
</head>
<body>
<table width="100%" id="T01">
  <tr id="R01_01">
    <td id="D01"><strong>01</strong></td>
    <td id="D01"><div align="center">
      <input name="S01P0101_1" type="text" id="S01P0101_1" size="2" maxlength="2" />
    </div></td>
    <td id="D01"><div align="center">
      <input name="S01P0102_1" type="text" id="S01P0102_1" size="2" maxlength="2" />
    </div></td>
    <td id="D01"><div align="center">
      <input name="S01P0103_1" type="text" id="S01P0103_1"maxlength="150" />
    </div></td>
    <td id="D01"><div align="center">
      <input name="S01P0201_1" type="text" id="S01P0201_1" size="2" maxlength="2" />
    </div></td>
    <td id="D01"><div align="center">
      <input name="S01P0202_1" type="text" id="S01P0202_1" size="2" maxlength="2" />
    </div></td>
    <td id="D01"><div align="center">
      <input name="S01P0301_1" type="text" id="S01P0301_1" size="1" maxlength="1" />
    </div></td>
    <td id="D01"><div align="center">
      <input name="S01P0302_1" type="text" id="S01P0302_1" size="1" maxlength="1" />
    </div></td>
    <td id="D01"><div align="center">
      <input name="S01P04_1" type="text" id="S01P04_1"maxlength="150" />
    </div></td>
    <td id="D01"><div align="center">
      <input name="S01P0501_1" type="text" id="S01P0501_1" size="2" maxlength="2" />
    </div></td>
    <td id="D01"><div align="center">
      <input name="S01P0502_1" type="text" id="S01P0502_1" size="4" maxlength="4" />
    </div></td>
  </tr>
</table>
</body>
</html>

y quisiera que cuando en el campo S01P0201_1=6 cualquier respuesta en el campo S01P0301_1 oculte los campos S01P04_1, S01P0501_1 y S01P0502_1

como lo podría hacer esto

espero que me puedan ayudar de ante mano les doy las gracias
que tengan un buen dia
suerte

lukas4 · #2 (**permalink**) 04/05/2012, 14:46

podrías usar un onchange:

Código HTML:

Ver original<input name="S01P0201_1" type="text" id="S01P0201_1" size="2" maxlength="2" onchange="ocultar()"/>

y ya en la función pones algo así:

Código Javascript:

Ver originalx=document.getElementById("S01P0201_1").value;
if(x==6){
   document.getElementById("S01P04_1").style.display="none";
   document.getElementById("S01P0501_1").style.display="none";
   document.getElementById("S01P0502_1").style.display="none";
}

revisa este link, puede que te sirva: ejemplo