Campo input con javascritp

banrey · #1 (**permalink**) 25/06/2009, 08:24

Muchacho Buenos Dias, buscando en las FAQ consegui el siguiente codigo que me permite asignar la opcion seleccionada a un <input> de un formulario

<script language="JavaScript">
function cambia(){
with (document.frm){
indice.value = String(selector.selectedIndex);
opcion.value = selector.options[selector.selectedIndex].text;
valor.value = selector.options[selector.selectedIndex].value;
}
}
</script>
</head>
<body>
<form name="frm">
Indice:<input type="text" name="indice"><br>
Opcion:<input type="text" name="opcion"><br>
Valor: <input type="text" name="valor"><br>
Seleccione:<select name="selector" onchange="cambia()">
<option>Seleccione un valor</option>
<option value="1">Uno</option>
<option value="2">Dos</option>
<option value="3">Tres</option>
</select>
</form>

Yo necesito adaptarlo a que en ves de asignarme el resultado del select en un input, necesito asignarselo a una variable en php para realizar una consulta y mostrar una seria de datos asociados a esa seleccion.

Como puedo hacerlo por favor. Muchas Gracias

caricatos · #2 (**permalink**) 25/06/2009, 08:32

Hola:

javascript no tiene conexión con php, salvo mediante Ajax, o sin necesidad de javascript, con formularios (incluso similados con enlaces...) donde importa la parte html...

Saludos

banrey · #3 (**permalink**) 25/06/2009, 13:11

ok entiendo pero como haria entonces para capturar el dato seleccionado tanto el values como el select?

wilarizz · #4 (**permalink**) 25/06/2009, 14:59

Si requieres los resultados de la consulta en la misma pagina, prueba con el siguiente cambio que le hize a tu codigo...

Cita:

<?php
if ($_POST)
{
$valorselect=$_POST['selector'];
// realizar operaciones
$rs=$valorselect+5 ;

}
?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin título</title>

<script language="JavaScript">
function cambia(){
document.frm.submit();
}

</script>
</head>
<body>
<form name="frm" method="post" action="">
resultado:<input type="text" name="indice" value="<?php echo $rs; ?>"><br>
Seleccione:<select name="selector" onchange="cambia()">
<option>Seleccione un valor</option>
<option value="1">Uno</option>
<option value="2">Dos</option>
<option value="3">Tres</option>
</select>
</form>

</body>
</html>

puedes realizar algunas validaciones mas al momento de mostrar tus resultados..

suerte!!