[SOLUCIONADO] Pasar valor de select dinamico a texbox dinamico

[rsanz]

Hola,

El problema al que busco aprender la solución, es pasar el valor de un select generado dinamicamente a un texbox generado dinamicamente donde ambos tienen el mismo "id" y el "name" utiliza el mismo numero que el "id"

para que lo entendais mejor pongo el codigo:

Código HTML:

<table>
<tr>
<td><select id="1" style="width:130px" name="plan_1" onchange="pasarprecio(this.id)"><option value="">--</option><option value="17">Base Pro</option><option value="39">Red Pro</option></select></td>
<td><input type="text" name="preuplan_1" size="5"/></td>
</tr>
<tr>
<td><select id="2" style="width:130px" name="plan_2" onchange="pasarprecio(this.id)"><option value="">--</option><option value="17">Base Pro</option><option value="39">Red Pro</option></select></td>
<td><input type="text" name="preuplan_2" size="5"/></td>
</tr>
<tr>
<td><select id="3" style="width:130px" name="plan_3" onchange="pasarprecio(this.id)"><option value="">--</option><option value="17">Base Pro</option><option value="39">Red Pro</option></select></td>
<td><input type="text" name="preuplan_3" size="5"/></td>
</tr>
<tr>
<td><select id="4" style="width:130px" name="plan_4" onchange="pasarprecio(this.id)"><option value="">--</option><option value="17">Base Pro</option><option value="39">Red Pro</option></select></td>
<td><input type="text" name="preuplan_4" size="5"/></td>
</tr>
</table>

<script language="JavaScript">
function pasarprecio(id){
	var preuplan = document.getElementById('preuplan_'+id);
	var plan = document.getElementById('plan_'+id);

	preuplan.value = plan.value;
           
}
</script> 

gracias por vuestra ayuda

[IsaBelM]

las id no pueden empezar por un número. en el dom no hay ningún control que tenga id "'plan_'+id". ésta hace referencia al name

[rsanz]

quieres decir que tengo que cambiar las "id" en lugar de ser un numero sean "algo_1" ?

[PIRRUMAN]

Iniciado por rsanz

quieres decir que tengo que cambiar las "id" en lugar de ser un numero sean "algo_1" ?

Si , y tambien cambia esto

var preuplan = document.getElementById('preuplan_'+id);

por

var preuplan = document.getElementById(id);

se supone llega todo el nombre del id

como te dijeron estas haciendo referencia al nombre del text no al id (que no tiene)

[rsanz]

Gracias por vuestras respuestas, lo pruebo y os digo si me funciona. saludos

[rsanz]

Lo he probado y me falta entender como lo hago para coger el valor del "id" o del "name" del texbox para colocarlo en la variable de tal manera que tenga el valor preuplan_1, preuplan_2, preuplan_3,....etc

el codigo ahora esta asi:

Código HTML:

<table>
<tr>
<td><select id="plan_1" style="width:130px" name="plan_1" onchange="pasarprecio(this.id)"><option value="">--</option><option value="17">Base Pro</option><option value="39">Red Pro</option></select></td>
<td><input id="preuplan_1" type="text" name="preuplan_1" size="5"/></td>
</tr>
<tr>
<td><select id="plan_2" style="width:130px" name="plan_2" onchange="pasarprecio(this.id)"><option value="">--</option><option value="17">Base Pro</option><option value="39">Red Pro</option></select></td>
<td><input id="preuplan_2" type="text" name="preuplan_2" size="5"/></td>
</tr>
<tr>
<td><select id="plan_3" style="width:130px" name="plan_3" onchange="pasarprecio(this.id)"><option value="">--</option><option value="17">Base Pro</option><option value="39">Red Pro</option></select></td>
<td><input id="preuplan_3" type="text" name="preuplan_3" size="5"/></td>
</tr>
<tr>
<td><select id="plan_4" style="width:130px" name="plan_4" onchange="pasarprecio(this.id)"><option value="">--</option><option value="17">Base Pro</option><option value="39">Red Pro</option></select></td>
<td><input id="preuplan_4" type="text" name="preuplan_4" size="5"/></td>
</tr>
</table>

<script language="JavaScript">
function pasarprecio(id){
	var preuplan = document.getElementById('preuplan_2');
	var plan = document.getElementById(id);

	preuplan.value = plan.value;
           
}
</script> 

la funcionalidad que busco es una especie de carrito de compra en que el valor de la opción seleccionada en el select "plan_1" lo muestre en el texbox "preuplan_1",
la opción seleccionada en el select "plan_2" lo muestre en el texbox"preuplan_2" y asi sucesivamente hasta un n de veces.

como debo de hacerlo?

[IsaBelM]

venga, si ya lo tenía prácticamente hecho

<script type="text/JavaScript">
function pasarprecio(id){
var preuplan = document.getElementById('preu'+id);
var plan = document.getElementById(id);

preuplan.value = plan.value;

}
</script>

[rsanz]

Muchas gracias, ahora he visto el mensaje. yo lo habia solucionado de esta manera y funcionaba, pero tu solucion es infinitamente mejor.
Pongo la solucion a la que habia llegado por si quereis comentar algo

<script type="text/JavaScript">
function pasarprecio(id){
{
var plan = document.getElementById(id).name;
var resultado = plan.substring(5);
var final = ("preuplan_"+resultado);
}
var preuplan = document.getElementById(final);
var plan = document.getElementById(id);

preuplan.value = plan.value;

}
</script>

Saludos