[SOLUCIONADO] PHP OO Duda al rellenar textbox a partir de combobox usando php/ajax

extramex · #1 (**permalink**) 21/03/2014, 22:03

Tengo una aplicacion en php que estoy realizando, el problema que tengo es el siguiente...

Tengo una pagina llamada modificar.php en la cual aparece un Combobox con los usuarios listados en la base de datos MySql

Al seleccionar algun usuario, quiero que me abra el formulario para poder modificar datos de estos ususarios, los datos apareceran en varios textbox.

Se que se debe utilizar Ajax, pero la verdad estoy teniendo muchas dudas al momento de intentarlo, les dejo el codigo que estoy utilizando.

Modificar.php

Código HTML:

<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <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>
	  <?php
session_start();
include_once "conexion.php";		
?>
<style>
		*{
			font-size: 14px;
			font-family: sans-serif;
		}
		form.registro{
		    background: none repeat scroll 0 0 #F1F1F1;
		    border: 1px solid #DDDDDD;
		    margin: 0 auto;
		    padding: 20px;
		    width: 278px;
		}
		form.registro div {
		    margin-bottom: 15px;
		    overflow: hidden;
		}
		form.registro div label {
		    display: block;
		    float: left;
		    line-height: 25px;
		}
		form.registro div input[type="text"], form.registro div input[type="password"] {
		    border: 1px solid #DCDCDC;
		    float: right;
		    padding: 4px;
		}
		form.registro div input[type="submit"] {
		    background: none repeat scroll 0 0 #DEDEDE;
		    border: 1px solid #C6C6C6;
		    float: right;
		    font-weight: bold;
		    padding: 4px 20px;
		}
		.error{
			color: red;
		    font-weight: bold;
		    margin: 10px;
		    text-align: center;
		}
</style>
  </head>
  <body>
  <center>
  <form> <div><label>Seleccione el Usuario:</label>
    <select name="username" id="username" onchange="showUser(this.value)">
	<?php  
	$sql = 'SELECT * FROM users ORDER BY id ASC';
    $result=mysql_query($sql);
	while($Rs=mysql_fetch_array($result)) {
	echo "<option value='".$Rs['username']."'>".$Rs['username']."</option>";
	} 
	?>
    </select>
  </div></form></center>
  <br>
<div id="txtHint"><b></b></div>

</body>
</html>

Se supone segun el codigo ajax que estoy usando, la variable se debera guardar en "q" en el archivo getuser.php

El cual queda de la siguiente forma

Getuser.php

Código PHP:

 
  <?php

session_start();

include_once "conexion.php";        

?>

<style>

        *{

            font-size: 14px;

            font-family: sans-serif;

        }

        form.registro{

            background: none repeat scroll 0 0 #F1F1F1;

            border: 1px solid #DDDDDD;

            margin: 0 auto;

            padding: 20px;

            width: 278px;

        }

        form.registro div {

            margin-bottom: 15px;

            overflow: hidden;

        }

        form.registro div label {

            display: block;

            float: left;

            line-height: 25px;

        }

        form.registro div input[type="text"], form.registro div input[type="password"] {

            border: 1px solid #DCDCDC;

            float: right;

            padding: 4px;

        }

        form.registro div input[type="submit"] {

            background: none repeat scroll 0 0 #DEDEDE;

            border: 1px solid #C6C6C6;

            float: right;

            font-weight: bold;

            padding: 4px 20px;

        }

        .error{

            color: red;

            font-weight: bold;

            margin: 10px;

            text-align: center;

        }

</style>

<form action="" method="post" class="registro">

 
<div><label>Usuario:</label><input type='"text"' name='"user"' value="<?php 

    $q = intval($_GET['q']);

    $sql="SELECT * FROM users WHERE id = '".$q."'";

    $result=mysql_query($sql);

    while($Rs=mysql_fetch_array($result)) {

    echo $Rs["username"]; }

?>"/></div> 

 
 

<div><label>Clave:</label>

    <input name="password" type="text">

  </div>

<div><label>Email:</label>

    <input name="email" type="text">

  </div>

<div><label>Nombre:</label>

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

<div><label>Nivel</label>

<select name="nivel">

  <option value="Admin">Administrador</option>

  <option value="Super">Supervisor</option>

  <option value="Mostrador">Mostrador</option>

</select></div>

<div><label>Ubicacion:</label>

<select name="ubicacion">

      <option value="General">General</option>

      <option value="Torreon">Torreon</option>

      <option value="Saltillo">Saltillo</option>

      <option value="Monterrey">Monterrey</option>

      <option value="Aguascalientes">Aguascalientes</option>

      <option value="Chihuahua">Chihuahua</option>

    </select></div>

<div>

<input type="submit" name="enviar" value="Modificar"></div>

</form>