Duda al rellenar textbox a partir de combobox usando php/ajax

Colapsar
X
  • Filtrar
  • Tiempo
  • Mostrar
Limpiar todos
nuevos mensajes

  • Duda al rellenar textbox a partir de combobox usando php/ajax

    Buenas noches

    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 xmlns="http://www.w3.org/1999/xhtml">
      <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>
    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>
    Última edición por extramex; 24-03-2014, 07:40 PM.
Trabajando...
X