un desplegable que segun la opción escogida, asigne 1 valor a otra variable

Section1 · #1 (**permalink**) 14/04/2007, 17:31

Buenas compañeros,

Haber a si pueden ayudarme .. necesitaria poder averiguar como desarrollar un desplegable que segun la opción que escoja el usuario, asigne un valor a la variable2.

Ejemplo...

Formulario:<select name="valor1" size="1">
<option value="1" selected>1</option>
<option value="2">2</option>
</select>

Valor2<input name="valor2" type="text" value="valorasociado">

Resultado

Si el usuario escoge en el desplegable 1 en el campo valor2 aparecera 1 en el value.

Ejemplo. <form>
Formulario:<select name="valor1" size="1">
<option value="1" selected>1</option> (valor escogido por el usuario)
<option value="2">2</option>
</select>

Valor2<input name="valor2" type="text" value="1">

Muchas gracias por adelantado.
Un saludo,
Section1

MikiBroki · #2 (**permalink**) 14/04/2007, 18:57

En el "onchange" del select llamas a una función que haga algo como:

Código:

function cambiar() {
var valor = document.getElementById("idDelSelect").options[ document.getElementById("idDelSelect").selectedIndex ].value;

document.getElementById("valor2").value = valor;
}

Salu2

#3 (**permalink**) 14/04/2007, 21:07

Bien, la cosa va por aqui:

Una funcion JS que hara el trabajo sucio:

Código HTML:

<script type="text/javascript">
function update() {
theField = document.getElementById('texto')
theSelect = document.getElementById('lista').options[document.getElementById("lista").selectedIndex]
theField.value = theSelect.value
}
</script>

Y el codigo para tu formulario. Son importantes los parametros id en los dos campos y el evento onChange en el select:

Código HTML:

<select name="valor1" id="lista" size="1" onChange="update()">
<option value="1" selected>1</option> (valor escogido por el usuario)
<option value="2">2</option>
</select>
<br />
Valor2 <input name="valor2" id="texto" type="text" value="1"/>

Así debe funcionar, aunque no se mucho de javascript...

Un saludo,

Section1 · #4 (**permalink**) 15/04/2007, 06:44

Buenas

Nu se algo debo hacer mal porke ni tan solo sale el formulario. Solo la pagina en blanco.

Codigo
<html>
<head>
<script type="text/javascript">
function update() {
theField = document.getElementById('texto')
theSelect = document.getElementById('lista').options[document.getElementById("lista").selectedIndex]
theField.value = theSelect.value
}
</script>
</head>
<body>
<form>
<select name="valor1" id="lista" size="1" onChange="update()">
<option value="1" selected>1</option> (valor escogido por el usuario)
<option value="2">2</option>
</select>
<br />

Valor2 <input name="valor2" id="texto" type="text" value="<?php echo ''.$texto ;>"/>
</form>
</body>
</html>

Un saludo,
Oriol

JavierB · #5 (**permalink**) 15/04/2007, 08:53

Hola Section1

He probado el código y me ha funcionado bien, de todas formas podría simplificarse un poco:

Código:

<select name="valor1" id="lista" size="1" onchange="valor2.value = this.value">

Y te ahorras la función update()

Saludos,

Section1 · #6 (**permalink**) 18/04/2007, 14:52

Gracias.
Ahora la probare y comento el que.

Section1