editar caja de texto en tiempo de ejecucion

supertaldo · #1 (**permalink**) 03/01/2007, 13:00

Supongamos que tengo tres radiobutton y una caja de texto, lo que quiero hacer es que en el momento que yo presione cualquiera de los tres radiobutton salga un determinado texto en la caja de texto(un texto por cada radiobutton)

nicolaspar · #2 (**permalink**) 03/01/2007, 13:17

Es simple javascript. Deberías en el onlick llamar a una funcion y pasarle el texto que necesites:

Código:

<html><head>
<script type="text/javascript" language="javascript1.1">
function texto( valor ){
    donde = document.getElementById('textareaDestino');
    donde.value = valor;
}
</script>
</head>
<body>
<input type="radio" name="test" id="test" value="1" onClick="texto('texto para 1')" />
<br>
<input type="radio" name="test" id="test" value="2" onClick="texto('texto para 2')" />
<br>
<input type="radio" name="test" id="test" value="3" onClick="texto('texto para 3')" />
<br>
<textarea name="textareaDestino" id="textareaDestino"></textarea>

...

PD: Seguramente lo muevan al foro que corresponda.

supertaldo · #3 (**permalink**) 03/01/2007, 20:14

ok, lo probe y me resulto, muchas gracias compadre.

supertaldo · #4 (**permalink**) 03/01/2007, 21:12

yo de nuevo, ese codigo al ponerlo de esta forma

<script type="text/javascript" language="javascript1.1">
function texto( valor ){
donde = document.getElementById('texto');
donde.value = valor;
}
</script>
<label>
<input name="radiobutton" type="radio" onClick="texto('uno')"/>
uno</label>
<p>
<label>
<input name="radiobutton" type="radio" onClick="texto('dos')"/>
dos</label>
</p>
<p>
<label>texto
<input type="text" name="texto" id="texto"/>
</label>
</p>

me funciona correctamente pero si coloco los controles dentro de un form no funciona ej:

<script type="text/javascript" language="javascript1.1">
function texto( valor ){
donde = document.getElementById('texto');
donde.value = valor;
}
</script>

<form id="form1" name="form1" method="post" action="">
<label>
<input name="radiobutton" type="radio" onClick="texto('uno')" />
uno</label>
<p>
<label>
<input name="radiobutton" type="radio" onClick="texto('dos')" />
dos</label>
</p>
<p>
<label>texto
<input type="text" name="texto" />
</label>
</p>
</form>

hay alguna forma de que funcione cuando los controles estan dentro de un form?

JavierB · #5 (**permalink**) 04/01/2007, 04:31

Hola supertaldo

No te funciona porque no tienes puesto el id al cuadro de texto:

<input type="text" name="texto" />

Pon así el formulario y debería funcionarte, de paso te ahorras la función:

Código:

<form id="form1" name="form1" method="post" action="">
<label>
<input name="radiobutton" type="radio" onclick="texto.value='uno'" />
uno</label>
<p>
<label>
<input name="radiobutton" type="radio" onclick="texto.value='dos'" />
dos</label>
</p>
<p>
<label>texto
<input type="text" name="texto" />
</label>
</p>
</form>

Saludos,

supertaldo · #6 (**permalink**) 04/01/2007, 09:46

Ahora si resulta, muchas gracias