Te adjunto el código que tengo.
Código:
<head>
<link href="css/listado.css" rel="stylesheet" type="text/css">
<link href="css/general.css" rel="stylesheet" type="text/css">
<link type="text/css" rel="stylesheet" href="css/jquery-ui-1.8.4.custom.css" />
<!--Sistema de Factura-->
<!-- Autocompletar -->
<script src="js/jquery.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.4.custom.min.js"></script>
<script type="text/javascript">
$(function(){
$('#buscar_usuario').autocomplete({
source : 'ajax.php',
select : function(event, ui){
$('#resultados').html(
''
);
}
});
});
</script>
<!-- Final del Script -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Nueva Factura</title>
</head>
<body class="web">
<?php include "cabeza.php"; ?>
<div class="menu"><?php include "menu.php"; ?></div>
<div class="listado">
<table border="0">
<tr>
<td width="400"><?php include "empresa.php"; ?> </td>
</tr>
<div id="factura">
</table>
<table class="altrowstable" id="alternatecolor" width="95%">
<tr><td>Añadir Producto: <input name="producto" type="text" id="buscar_usuario" ><input name="Añadir" type="button" value="Añadir"></td></tr>
<table class="altrowstable" id="alternatecolor" width="95%">
<tr>
<td>Referencia</td>
<td>Nombre</td>
<td>Precio</td>
<td>Cantidad</td>
<td>Importe</td>
<td>Edición</td>
</tr>
</table>
</div>
</div>
</body>
</html>
Cuando ejecuto este código se crea una tabla con un campo encima que con el código que hay en el archivo ajax.php carga la base de datos de la tabla artículos con la referencia, nombre y precio del producto, ahora cuando selecciono este y le doy a añadir que me lo añada a la tabla que hay debajo con los datos de la base de datos de ese producto.
Muchas gracias por tu respuesta.
