¿Como muestro este valor ingresado en la misma página?

[BooMeranGz]

Hola,

Vengo del foro de PHP, ya que parece que la solución está en javascript...

Tengo este código en un x.php dentro de un form:

Código HTML:

<table width="163" border="0" cellpadding="0" cellspacing="0"> 
<tr> 
 <td width="39"><div align="left">Term: </div></td> 
 <td width="32"><div align="left"> 
 <input name="pr_term" type="text" id="pr_term" size="3" maxlength="3"> 
 </div></td> 
<td width="160">
 <select name="pr_time" size="1" id="pr_time"> 
 <option>Day</option> 
 <option>Days</option> 
 <option>Month</option> 
 <option selected>Months</option> 
 <option>Year</option> 
 <option>Years</option> 
 </select></td> 
</tr> 
</table> 

El tema es que necesito mostrar apenas se ingresan esos 2 datos (pr_term y pr_time), los mismos más abajo en la misma página, o sea algo como:

mostrar resultado de $pr_term + pr_time

Y además guardar esas 2 variables en una sessión para recuperarlas en la siguiente página, lo cual luego me encargaría de hacerlo con 2 campos hidden.

¿Como se puede hacer esto?

Desde ya muchas gracias a todos

Salu2.

[xcorpyon]

Para probar este ejemplo que te envio escribes algo en el campo de datos y luego x ej clicas con el raton fuera de dicho campo

Código HTML:

<form>
<input type="text" value="" onChange="document.getElementById('resultado').innerHTML=this.value">
</form>

<span id="resultado">&nbsp;</span> 

espero sea esto lo q necesitabas

[BooMeranGz]

Perfecto xcorpyon

El código me funciona para el primer "input" que tengo.

¿Como sería este código para el segundo? (que es un "select")

Código HTML:

<select name="pr_time" size="1" id="pr_time"> 
  <option>Day</option> 
  <option>Days</option> 
  <option>Month</option> 
  <option selected>Months</option> 
  <option>Year</option> 
  <option>Years</option> 
</select> 

Desde ya muchas gracias y Salu2.

[xcorpyon]

Hola de nuevo, BooMeranGz
A ver si esto te sirve:

Código HTML:

<select onChange="document.getElementById('identificador').innerHTML=this.options[this.selectedIndex].value;">
	<option...>
	<option...>
</select>

<span id="identificador">&nbsp;</span> 

Un Saludo

.

[BooMeranGz]

Lástima, no me funciona o estoy haciendo algo mal, esto es lo que tengo:

Código HTML:

<form name="form" method="post" action="xxxxxxxx.php">
<!-- esto si funciona -->
 <input name="pr_term" type="text" id="pr_term" size="3" maxlength="3" onChange="document.getElementById('res_pr_term').innerHTML=this.value">
<!-- esto no funciona -->
 <select name="pr_time" size="1" id="pr_time" onChange="document.getElementById('res_pr_time').innerHTML=this.options[this.selectedIndex].value;">
  <option>Day</option>
  <option>Days</option>
  <option>Month</option>
  <option selected>Months</option>
  <option>Year</option>
  <option>Years</option>
</select>
</form> 
Total 
<span id="res_pr_term"></span> 
&nbsp;-&nbsp; 
<span id="res_pr_time"></span> 

Seguramente tu podrás detectar el error, igualmente gracias por tu ayuda

Salu2.

[xcorpyon]

Creo q simplemente tienes que darle un valor a cada option, por ejemplo:

<option value="Day">Day</option>
<option value="Days">Days</option>
<option value="Month">Month</option>
...

y todo funcionará (si no me he equivocado)

nos vemos

[BooMeranGz]

UPS!!! , es cierto, ahora funciona bien, disculpa mi ignorancia con javascript...

Muchas gracias, problema resuelto.

Salu2.