[SOLUCIONADO] Combobox + textbox

hernan2212 · #1 (**permalink**) 21/03/2013, 18:17

Hola, como estan? encontre un codigo que me puede servir para lo que estoy buscando pero no logro adaptarlo a mis necesidades, pido de su ayuda para poder hacerlo.

El codigo que tengo busca dentro de un select una opcion y completa con los demas datos un <div> yo necesito completar en ves del div varios textbox con los datos que recoje.

Aca el codigo:

Código HTML:

<html>
 <head>
 <script>
 function showUser(str)
 {
 if (str=="")
   {
   document.getElementById("txtHint").innerHTML="";
   return;
   } 
if (window.XMLHttpRequest)
   {// code for IE7+, Firefox, Chrome, Opera, Safari
   xmlhttp=new XMLHttpRequest();
   }
 else
   {// code for IE6, IE5
   xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
   }
 xmlhttp.onreadystatechange=function()
   {
   if (xmlhttp.readyState==4 && xmlhttp.status==200)
     {
     document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
     }
   }
 xmlhttp.open("GET","getuser.php?q="+str,true);
 xmlhttp.send();
 }
 </script>
 </head>
 <body>
 
<form>
 <select name="users" onChange="showUser(this.value)">
 <option value="">Select a person:</option>
 <option value="182">Peter Griffin</option>
 <option value="2">Lois Griffin</option>
 <option value="3">Glenn Quagmire</option>
 <option value="4">Joseph Swanson</option>
 </select>
 </form>
 <br>
 <div id="txtHint"><b>Person info will be listed here.</b></div>
 
</body>
 </html>

Archivo getuser.php

Código PHP:

  <?php 
 $q=$_GET["q"]; 
  
$con = mysql_connect('localhost', 'root', ''); 
 if (!$con) 
   { 
   die('Could not connect: ' . mysql_error()); 
   } 
  
mysql_select_db("base", $con); 
  
$sql="SELECT * FROM user WHERE id = '".$q."'"; 
  
$result = mysql_query($sql); 
  
echo "<table border='1'> 
 <tr> 
 <th>Firstname</th> 
 <th>Lastname</th> 
 <th>Age</th> 
 <th>Hometown</th> 
 <th>Job</th> 
 </tr>"; 
  
while($row = mysql_fetch_array($result)) 
   { 
   echo "<tr>"; 
   echo "<td>" . $row['name'] . "</td>"; 
   echo "<td>" . $row['lastname'] . "</td>"; 
   echo "<td>" . $row['age'] . "</td>"; 
   echo "<td>" . $row['hometown'] . "</td>"; 
   echo "<td>" . $row['job'] . "</td>"; 
   echo "</tr>"; 
   } 
 echo "</table>"; 
  
mysql_close($con); 
 ?>

Gracias por la ayuda de antemano
Saludos!

loncho_rojas · #2 (**permalink**) 21/03/2013, 18:22

Lindo código pero ni idea lo que quieres lograr... =D

Te propongo que expliques que quieres hacer exactamente, o sea, es un registro donde pones musica de los 70' y te aperecen una lista de grupos de los años 70' y varía de acuerdo a lo que vayas seleccionando???

Mejor explicalo asi podremos ayudarte y ver si ese código sirve, porque sospecho que puede haber otra alternativa.

Otra pregunta, a que te refieres con TEXTBOX?? a un campo input del tipo text o a un textarea??

hernan2212 · #3 (**permalink**) 21/03/2013, 20:12

Hola Loncho, gracias por pasar y responder.
Te explico bien:
El script que tengo, me trae datos (name,lastname,age,etc...) luego de hacer un select y me los muestra en div id="txtHint y lo que yo necesito es que me traiga los datos y los muestre en varios textbox.
Mi problema es que no se como hacer para que me pegue los datos en un textbox en ves de en un div.
Espero haber sido claro.
Saludos

cachusan · #4 (**permalink**) 22/03/2013, 01:36

Hernan, en principio te diría que para lograr lo que necesitas, deberás traer solo el array de datos, o sea $row, sin el armado de la tabla. Luego por javascript ir asignandolo a cada input que corresponda.

De todas maneras, te recomendaría buscar una solución distinta al javascript que tienes, algo en jquery quizas. No solo por una cuestión de compatibilidad entre navegadores sino que te va a resultar mucho mas sencillo el manejo de los datos.

Saludos

hernan2212 · #5 (**permalink**) 22/03/2013, 07:32

Cita:

Iniciado por cachusan

Hernan, en principio te diría que para lograr lo que necesitas, deberás traer solo el array de datos, o sea $row, sin el armado de la tabla. Luego por javascript ir asignandolo a cada input que corresponda.

De todas maneras, te recomendaría buscar una solución distinta al javascript que tienes, algo en jquery quizas. No solo por una cuestión de compatibilidad entre navegadores sino que te va a resultar mucho mas sencillo el manejo de los datos.

Saludos

Hola Cachusan, gracias por responder.
Entiendo perfectamente lo que decis, es mas, lo estuve buscando pero no encuentre nada asi en jquery.
Con respecto a tu sugerencia probe cambiar en el primer archivo
Esta linea:

Código HTML:

<div id="txtHint"><b>Person info will be listed here.</b></div>

Por esta otra:

Código HTML:

<input type="text" id="txtHint" name="txtHint" >

Y en getuser
Cambiar esta:

Código PHP:

  echo "<table border='1'>  
 <tr>  
 <th>Firstname</th>  
 <th>Lastname</th>  
 <th>Age</th>  
 <th>Hometown</th>  
 <th>Job</th>  
 </tr>";  
   
while($row = mysql_fetch_array($result))  
   {  
   echo "<tr>";  
   echo "<td>" . $row['name'] . "</td>";  
   echo "<td>" . $row['lastname'] . "</td>";  
   echo "<td>" . $row['age'] . "</td>";  
   echo "<td>" . $row['hometown'] . "</td>";  
   echo "<td>" . $row['job'] . "</td>";  
   echo "</tr>";  
   }  
 echo "</table>";

Por esta:

Código HTML:

while($row = mysql_fetch_array($result))
   {
   echo $row['name'];
   }

Pero no obtengo resultados cuando cambio el div por un textbox, que estoy haciendo mal?

Saludos!

informacionsys · #6 (**permalink**) 22/03/2013, 07:35

hola

y por que no usar Ajax Jquery ?

es mucho mejor para cargar datos sin refrescar paginas, y puedes hacer un mejor soporte , usa firebug para depurar los errores y ver que te retorna el servidor

hernan2212 · #7 (**permalink**) 22/03/2013, 07:58

Cita:

Iniciado por informacionsys

hola

y por que no usar Ajax Jquery ?

es mucho mejor para cargar datos sin refrescar paginas, y puedes hacer un mejor soporte , usa firebug para depurar los errores y ver que te retorna el servidor

Hola Info, gracias por responder, como ya explique arriba no encontre ningun script con jquery que se asemeje a lo que estoy buscando, si tenes alguno que se pueda adaptar mande nomas!
Gracias por pasar
Saludos!

loncho_rojas · #8 (**permalink**) 22/03/2013, 08:17

El problema no es rellenar un input text... su problema es que necesita que aparezca en vez de esto:

<div>
A contenido
B contenido
C contenido
</div>

a algo como esto

<input value="A contenido">
<input value="B contenido">
<input value="C contenido">

o no es así?

informacionsys · #9 (**permalink**) 22/03/2013, 08:34

hola

mmmmmm prueba cambiando el archivo getuser.php por

Código PHP:

Ver original$q=$_GET["q"]; 
  
$con = mysql_connect('localhost', 'root', ''); 
 if (!$con) 
   { 
   die('Could not connect: ' . mysql_error()); 
   } 
  
mysql_select_db("base", $con); 
  
$sql="SELECT * FROM user WHERE id = '".$q."'"; 
  
$result = mysql_query($sql); 
  
echo "<table border='1'> 
 <tr> 
 <th>Firstname</th> 
 <th>Lastname</th> 
 <th>Age</th> 
 <th>Hometown</th> 
 <th>Job</th> 
 </tr>"; 
  
while($row = mysql_fetch_array($result)) 
   { 
   echo "<tr>"; 
   echo "<td><input type='text' value='".$row['name']."'></td>"; 
   echo "<td><input type='text' value='".$row['lastname']."'></td>"; 
   echo "<td><input type='text' value='".$row['age']."'></td>"; 
   echo "<td><input type='text' value='".$row['hometown']."'></td>"; 
   echo "<td><input type='text' value='".$row['job']."'></td>"; 
   echo "</tr>"; 
   } 
 echo "</table>"; 
  
mysql_close($con);

a lo que medio entendi eso es lo que buscas no ?

hernan2212 · #10 (**permalink**) 22/03/2013, 12:32

Cita:

Iniciado por loncho_rojas

El problema no es rellenar un input text... su problema es que necesita que aparezca en vez de esto:

<div>
A contenido
B contenido
C contenido
</div>

a algo como esto

<input value="A contenido">
<input value="B contenido">
<input value="C contenido">

o no es así?

Exacto!

hernan2212 · #11 (**permalink**) 23/03/2013, 09:05

Hola nuevamente, despues de pelear mucho encontre una manera de resolver mi problema, ahora me resta una cosita mas, necesito llenar dos textbox y no se como hacerlo.
Aca el codigo:

Archivo html

Código HTML:

Ver original<script>
//  Developed by Roshan Bhattarai 
//  Visit http://roshanbh.com.np for this script and more.
//  This notice MUST stay intact for legal use
 
//fuction to return the xml http object
function getXMLHTTP() { 
        var xmlhttp=false;  
        try{
            xmlhttp=new XMLHttpRequest();
        }
        catch(e)    {       
            try{            
                xmlhttp= new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch(e){
                try{
                xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
                }
                catch(e1){
                    xmlhttp=false;
                }
            }
        }
            
        return xmlhttp;
    }
    
    
    
function getCurrencyCode(strURL)
{       
    var req = getXMLHTTP();     
    if (req) 
    {
        //function to be called when state is changed
        req.onreadystatechange = function()
        {
            //when state is completed i.e 4
            if (req.readyState == 4) 
            {           
                // only if http status is "OK"
                if (req.status == 200)
                {                       
                    document.getElementById('cur_code').value=req.responseText;
                                        
                } 
                else 
                {
                    alert("There was a problem while using XMLHTTP:\n" + req.statusText);
                }
            }               
         }          
         req.open("GET", strURL, true);
         req.send(null);
    }
                
}
</script>
</head>
 
<body>
<dl>
<form  name="form1" id="form1">
  <dd>Cheque Nº:</dd>
    <dd>        
      
      <select id="nombre" name="nombre" onChange="getCurrencyCode('find_ccode.php?nombre='+this.value)">
  <option value="0">Selecciona Uno...</option>
  <?echo $varc?>
      </select>
    <dd>
    <dd>
      <input type="text" name="direccion" id="cur_code" />
    <dd>
      <input type="text" name="telefono" id="cur_code2" />
    </form></body>
</html>

Archivo find_ccode.php:

Código PHP:

Ver original<?php 
$nombre=$_REQUEST['nombre'];
 
$con = mysql_connect('localhost', 'root', '');
 if (!$con)
   {
   die('Could not connect: ' . mysql_error());
   }
 
mysql_select_db("base", $con);
 
$sql="SELECT * FROM usuarios WHERE nombre = '".$nombre."'";
 
$result = mysql_query($sql);
 
while($row = mysql_fetch_array($result))
   {
   echo $row['direccion'];
   echo $row['telefono'];
   }
 
mysql_close($con);
 
?>

El problema que tengo es que no puedo hacer que se dividan los datos direccion y telefono en los distintos textbox

hernan2212 · #12 (**permalink**) 23/03/2013, 12:21

Ya solucioné el problema.
Gracias igualmente por la ayuda prestada.
Saludos a todos!