Formulario HTML: Campo dinámico (JS, MYSQL)

[mheer]

Gente, antes que nada buenas noches.
Estoy con un problema hace varios días y estoy necesitando de su ayuda.
Tengo que entregar esta semana un trabajo practico y el mismo incluye un formulario de solicitud de compra que esta hecho en HTML en que el cual tengo que tener un campo de búsqueda dinámica, es decir, que al hacer click en el campo me aparezcan los posibles valores de productos que tengo ingresados en una tabla de base de datos.

Este campo tiene que ser dinámico, (es decir que posea un botoncito "+" que al tocarlo me agregue uno nuevo con la misma funcionalidad de búsqueda.

Esto como dije lo necesito para crear una solicitud de compra y cada compra puede tener relacionado "n" productos
La verdad que no me sale y tampoco se por donde empezar, alguien puede ayudarme?

Desde ya MIL GRACIAS

[Ronruby]

Iniciado por mheer

Gente, antes que nada buenas noches.
Estoy con un problema hace varios días y estoy necesitando de su ayuda.
Tengo que entregar esta semana un trabajo practico y el mismo incluye un formulario de solicitud de compra que esta hecho en HTML en que el cual tengo que tener un campo de búsqueda dinámica, es decir, que al hacer click en el campo me aparezcan los posibles valores de productos que tengo ingresados en una tabla de base de datos.

Este campo tiene que ser dinámico, (es decir que posea un botoncito "+" que al tocarlo me agregue uno nuevo con la misma funcionalidad de búsqueda.

Esto como dije lo necesito para crear una solicitud de compra y cada compra puede tener relacionado "n" productos
La verdad que no me sale y tampoco se por donde empezar, alguien puede ayudarme?

Desde ya MIL GRACIAS

Segun lo que entiendo lo primero que desees es una funcionalidad de autocompletar, como lo hace Google cuando estas poniendo tu busqueda.

Hay varios scripts prehechos que funcionan muy bien, aqui te dejo un enlace a una pagina:
http://blog.unijimpe.net/capxous-aut...etar-con-ajax/
http://webtecker.com/2008/03/10/10-a...-ajax-scripts/

También puedes hacer el tuyo propio:
http://www.youtube.com/watch?v=kQ2k2...=youtube_gdata
http://www.youtube.com/watch?v=vbzxV...=youtube_gdata
http://www.youtube.com/watch?v=YjmYg...=youtube_gdata

Tu segunda duda, de crear N campos, eso lo manejas con Javascript. Ve al foro correcto para que te orienten mejor.
Lo que si te puedo decir es que para mayor facilidad a la hora de recoger los campos, crea los nombres de los campos de tipo array:
<input type="text" name="campo[]" value="" />
<input type="text" name="campo[]" value="" />

Asi luego en PHP puedes iterar sobre esos resultados sin importar la cantidad:

Código PHP:

  foreach($_POST['campo'] as $solicitud) { 
  //Hacer lo que desees. 
}  
   

[mheer]

Claro, perfecto.
Así es lo que necesito, con respecto a lo de PHP te entendi bien.
Lo que tengo dudas es en donde tengo que destacar la funcionalidad de estos campos dinamicos? Es decir, quiero que todos esos posean la funcionalidad de "google" , donde lo detallo? como hago?

[Ronruby]

Lo mejor sería que cada campo que vaya a tener esa funcionalidad tenga una clase asociada a el para que desde Javascript agregues la funcionalidad.

[mheer]

A que te referis con una clase?
Un Ejemplo?

Gracias!!

[Ronruby]

Código HTML:

<input type="text" name="campo[]" class="autocomplete" />
<input type="text" name="campo[]" class="autocomplete" />
 

[mheer]

A perfecto
Y esa clase detallarla en un CSS?
Por ejemplo este dato necesito que tenga la funcionalidad tipo "google" , esa funcionalidad tambien la voy a datallar en el css?

Gracias y disculpa las molestias