Cargar textfield de acuerdo a seleccion en Listbox

lexer · #1 (**permalink**) 16/06/2009, 10:28

Hola

Por favor si alguien me puede ayudar, Tengo una tabla en Mysql (listanumeros) que tiene 2 campos: numero y nombre. Hago un query con PHP en la Tabla Mysql y muestro el numero seleccionado en el Listbox.
Lo quiero hacer, es que al seleccionar un numero en el Listbox, en un textfield aparesca el nombre que corresponde al numero seleccionado.
He consultado en la web, y veo que esto se puede hacer con javascript, pero no he consigo hacerlo funcionar:

Este es el programa:

Código:

<script type="text/javascript">
<!--
  function getValue(obj) {
    document.forms[0].field1.value = obj.options[obj.selectedIndex].value;
  }
// -->
</script>
</head>

<body>
<form action="BorrarListaNumero.php" method="post" name="form1" onChange="getValue(this)">
  <?php
$con = mysql_connect("localhost","root","");
if (!$con)
  {
  die('Could not connect: ' . mysql_error());
  }

mysql_select_db("llamadas", $con);

//Hago query1
$query1 = "SELECT * FROM listanumeros ".
"ORDER BY numero ";
$result1 = mysql_query($query1) or die(mysql_error());

//$result = mysql_query ($query);
echo "<select name='numero'>";

// Mostrar en Lisbox
while($row1=mysql_fetch_array($result1)){//Array or records stored in $nt
echo"<option value='$row1[numero]'>$row1[numero]</option>";
/* Option values are added by looping through the array */
}

echo "</select>";// cerrar list box 
?>
  <input type="text" name="field12" size="15" />
  <br />
  <input name="submit2" type="submit" id="submit2" value="Aceptar" />
</form>
</body>
</html>

Gracias!!!

lobo_php · #2 (**permalink**) 16/06/2009, 10:44

listbox me imagino que te refieres a un select
puedes hacerlo con ajax... cuando cambie el numero del select entonces que te cargue el input text con el nombre.

lexer · #3 (**permalink**) 16/06/2009, 10:50

Gracias lobo_php

Si no es mucho pedir, Podrias por favor postear un ejemplo

lobo_php · #4 (**permalink**) 16/06/2009, 10:59

bueno, tengo tiempo jeje,

al momento de hacer el select ya con los option y todo (creo que ya lo tienes hecho(sino hazlo))

pones en el select onChange="ponernombre()"

primero que todo pon esta funcion:

Código javasript:

Ver originalfunction nuevoAjax()
{ 
    /* Crea el objeto AJAX. Esta funcion es generica para cualquier utilidad de este tipo, por
    lo que se puede copiar tal como esta aqui */
    var xmlhttp=false; 
    try 
    { 
        // Creacion del objeto AJAX para navegadores no IE
        xmlhttp=new ActiveXObject("Msxml2.XMLHTTP"); 
    }
    catch(e)
    { 
        try
        { 
            // Creacion del objeto AJAX para IE 
            xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
        } 
        catch(E) { xmlhttp=false; }
    }
    if (!xmlhttp && typeof XMLHttpRequest!='undefined') { xmlhttp=new XMLHttpRequest(); } 
 
    return xmlhttp; 
}

en esa funcion debes hacer esto:

Código javascript:

Ver originalfunction ponernombre()
{
    var dato=document.getElementById("id_select").value;
    
        var ajax=nuevoAjax();
        ajax.open("GET", "consulta_nombre.php?valor="+dato, true);
        ajax.onreadystatechange=function(){
            if (ajax.readyState==4){
                document.getElementById("id_input_text").value=ajax.responseText;
            }
        }
        ajax.send(null);
}

y en la pagina de consulta_nombre.php

pues tomas el valor de get:

$_GET['valor'];

y sobre ese haces la consulta del nombre, segun ese valor, y lo pones a imprimir

echo $el_nombre_del_numero;

y ya, eso es todo :D

lexer · #5 (**permalink**) 16/06/2009, 13:19

Disculpa mi ignorancia lobo_php, Pero tengo que crear dos archivos uno con las dos funciones de AJAX y otro con PHP (consulta_nombre.php)?.
Yo solo quiero que de acuerdo al numero seleccionado en el select, en un textfield en la misma pagina aparezca el nombre que corresponde al numero.

Por otra parte como quedaria el select al agregar el:

onChange="ponernombre()"

Lo coloque asi y me da error:
echo "<select name='numero' onChange="ponernombre()">";

Gracias

lobo_php · #6 (**permalink**) 16/06/2009, 13:45

te quedarian tres paginas inicialmente, esta el pagina.php que es donde esta el formulario, el de miscript.js y el consulta_nombre.php

primero que todo en pagina.php pones: (en html si quieres):

Código html:

Ver original<script src="miscript.js"></script>

luego de eso si pones en el formulario... (si prefieres en html o php)

Código php:

Ver originalecho "<select name='numero' onChange='ponernombre()'>";

el error que te sacaba era por las comillas

lexer · #7 (**permalink**) 16/06/2009, 15:39

Gracias lobo_php!!

Pero quisiera que cuando el usuario seleccione el numero en el select este se muestre en un text field (llamado nombre) en la misma pagina

<input name="nombre" type="text" id="nombre" />

Cuando se selecciona el numero deberia aparecer el nombre asociado (Ver Imagen)

ejemplo:

2376543 Pedro Perez

lobo_php · #8 (**permalink**) 16/06/2009, 15:51

1. no veo la imagen,
2. el codigo que te di te sirve para el input text en la misma pagina.