Capturar registros desde un select(html)

[rahe_meph]

Hace un tiempo que me llamo la atencion esto
al clickear en el select se abre una "tabla" con algunos registros



y al seleccionar uno, que capture los valores en los campos de textos
todo sin actualizar.



Es posible hacerlo con php y js ?
Alguien sabe como hacerlo?
Saludos :)

[Nemutagk]

Eso es ajax, captura el valor del select y lo envias via ajax al servidor para que este retorne los valores de los demás input, posteriormente agregas los valores a su input correspondientes....

[dluna88]

Usa jQuery. es muy sencillo hacerlo con ese framework.

http://jquery.com/

[Reedyseth]

Mira lo que estas pidiendo es muy iteresante, me llamo la atencion e hice un script para que haga lo que deseas, sin embargo si no sabes jQuery esta bastante complicado. El ejemplo que te pongo consta de las siguientes caracteristicas y ya depende de ti el poderlo acomodar a tus necesidades.

1. Tiene un evento jQuery change en el select del cual se dispara toda la accion.
2. Hace una llamada Ajax suponiendo que es a la base de datos pero en realidad es un archivo php que simula resultados y los devuelve en codificados en JSON,esto lo hice para evitarme un for y estar imprimiendo con un echo los resultados.
3. El criterio de busqueda se hace basado en el item seleccionado, este tiene un valor el cual es el que busca en el objecto que devolvio de tu servidor(productos.php) en forma JSON, claro que no es la forma optima, lo mejor es que la busqueda se haga en el servidor, pero como es un ejemplo pequeno funciona a la perfeccion.
4. Solo devuelve un resultado, para obtener mas resultados del mismo producto hay que cambiar la criteria de busqueda.

Guarda los codigos y pruebalos, recuerda que usa PHP, este es el script que hace la magia:

Código Javascript:

$(document).ready(function() {
                
                $("form select#productos").change(function(){
                    var value = $(this).find(":selected").val();
                    $.ajax({
                        url: "data/productos.php",
                        dataType: "json",
                        success: function(data) {
                            var tableBody = $("table#tbProductos tbody");
                            $.map(data.productos, function(item) {
                                if(value == item.ID) {
                                    tableBody.html("<tr>"
                                                        +"<td>"+item.ID+"</td>"
                                                        +"<td>"+item.PRODUCTO+"</td>"
                                                        +"<td>"+item.DESCRIPCION+"</td>"
                                                        +"<td>"+item.PRECIO+"</td>"
                                                        +"<td>"+item.STOCK+"</td>"
                                                    +"</tr>");
                                }
                            });
                        }
                    });
                });
            });
 

Y aqui descargas el codigo completo de tu pagina principal: http://paste.behstant.com/index.php?show=44

Y aqui el de productos.php: http://paste.behstant.com/index.php?show=45

[Reedyseth]

Cuando tenga acceso a un ftp subo los archivos en mi dominio para que los demas usuarios puedan ver el ejemplo sin descargarlo