recoger el valor de un campo en otro

haven · #1 (**permalink**) 21/06/2004, 05:48

Hola a todos, esta es mi duda, tengo dos formularios en una misma página y necesito que el valor del input grupo sea igual al valor del input res, eso como se haría teniendo en cuenta que cada vez que pinchas un boton radio ese valor cambia, lo e puesto así, pero no funciona:

document.forms.form1.grupo.value = document.forms.form1.res.value;

document.forms.form2.grupo.value = document.forms.form2.res2.value;

Alguien sabe como se puede hacer esto?

Un saludo

Código HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Formulario</title>
</head>

<body>
 <SCRIPT LANGUAGE=JAVASCRIPT>

//document.form1.grupo.value=form1.res.value

document.forms.form1.grupo.value = document.forms.form1.res.value;


</SCRIPT>
<script language="JavaScript"> 
   var valor = 0; 

   function actualizaValor(oRad){ 
    valor = oRad.value; 
   } 

   function leeValor(){ 
    with (document.form1) 
     res.value = valor; 
   } 
  </script> 

<font size="1" face="Verdana, Arial, Helvetica, sans-serif"></font>
<form name="form1" method="post" action="">
  <font size="1" face="Verdana, Arial, Helvetica, sans-serif">  
  <input type="radio" name="voces" value="Gprincipal" id="GP" onclick="actualizaValor(this);leeValor()">
  <font size="1" face="Verdana, Arial, Helvetica, sans-serif">
  <LABEL for=GP><strong>GRUPO Principal</strong></LABEL>
  </font>
  <input name="voces" type="radio" id="GS"  onClick="actualizaValor(this);leeValor()" value="GSecundario">
  <font size="1" face="Verdana, Arial, Helvetica, sans-serif">
  <LABEL for=GS><strong>GRUPO Secundario</strong></label>
  </font>
  <input type="radio" name="voces" value="VozPrincipal" onClick="actualizaValor2(this);leeValor()" id="VP">
  <font size="1" face="Verdana, Arial, Helvetica, sans-serif">
  <LABEL for=VP><strong>Voz Principal</strong></label>
  </font> <br>
  <br>
  <br>
  <input name="res" type="text" id="res" style="color: #000000; background-color: #FFFFFF; border-top : 1px solid; border-bottom : 1px solid; border-left : 1px solid; border-right : 1px solid; font-family : Verdana,tahoma,Arial; font-size : 10px; ">
  <input name="grupo" type="text" id="grupo" style="color: #000000; background-color: #FFFFFF; border-top : 1px solid; border-bottom : 1px solid; border-left : 1px solid; border-right : 1px solid; font-family : Verdana,tahoma,Arial; font-size : 10px;" value="recoger valor">
  </font>
</form>      

<script language="JavaScript"> 
   var valor = 0; 

   function actualizaValor2(oRad){ 
    valor = oRad.value; 
   } 

   function leeValor2(){ 
    with (document.form22) 
     res2.value = valor; 
   } 
  </script> 
  
			   

<form name="form22" method="post" action="">
  <font size="1" face="Verdana, Arial, Helvetica, sans-serif">
  <input type="radio" name="voces" value="Gprincipal" id="GP2" onclick="actualizaValor2(this);leeValor2()">
  <font size="1" face="Verdana, Arial, Helvetica, sans-serif">
  <LABEL for=GP2><strong>GRUPO Principal</strong></LABEL>
  </font>
  <input name="voces" type="radio" id="GS2"  onClick="actualizaValor2(this);leeValor2()" value="GSecundario">
  <font size="1" face="Verdana, Arial, Helvetica, sans-serif">
  <LABEL for=GS2><strong>GRUPO Secundario</strong></label>
  </font>
  <input type="radio" name="voces" value="VozPrincipal" onClick="actualizaValor2(this);leeValor2()" id="VP2">
  <font size="1" face="Verdana, Arial, Helvetica, sans-serif">
  <LABEL for=VP2><strong>Voz Principal</strong></label>
  </font> <br>
  <br>
  <br>
  <input name="res2" type="text" id="res2" style="color: #000000; background-color: #FFFFFF; border-top : 1px solid; border-bottom : 1px solid; border-left : 1px solid; border-right : 1px solid; font-family : Verdana,tahoma,Arial; font-size : 10px; ">
  <input name="grupo" type="text" id="grupo" style="color: #000000; background-color: #FFFFFF; border-top : 1px solid; border-bottom : 1px solid; border-left : 1px solid; border-right : 1px solid; font-family : Verdana,tahoma,Arial; font-size : 10px;" value="recoger valor">
  </font></form>
</body>
</html>

TurKa · #2 (**permalink**) 02/07/2004, 16:36

Una opción sería utilizar un mismo script que al pinchar el radio escriba el valor en los dos campos:

Código HTML:

<script language="JavaScript">
//para el form1
function leeValor(id,form) {
   form.res.value = form.voces[id].value; //escribe en res
   form.grupo.value = form.voces[id].value; //escribe en grupo
   }
//para el form2
function leeValor2(id,form) {
   form.res2.value = form.voces[id].value; //escribe en res
   form.grupo.value = form.voces[id].value; //escribe en grupo
   } 
</script>

Luego, en cada radio deberás colocar el index del botón:

Código:

<input type="radio" name="voces" value="Gprincipal" id="GP" onclick="leeValor('0',this.form)">
<input name="voces" type="radio" id="GS"  onClick="leeValor('1',this.form)" value="GSecundario">

Saludos!