dynamic form

[freelance84]

Is this possible?

 

Please look at the attached image.

 

I am trying to create a team creation page for a site I am making, however I want the user to be able to see all the names they enter before the information is passed to the .php file to send it to the MySQL table.

 

1.  So, every time the user enters a name and presses the "add name" button the name details are stored in an Javascript array and displayed in the box below.

2.  When the user presses the "save team" button the team name is passed by a simple form post and the javascript array is passed to a php array and then processed ready to be passed to the MySQL table.

 

The problem is I don't know to do the first bit (number1).

 

Any ideas or pointers?

 

[attachment deleted by admin]

[F1Fan]

That's a little complex to explain here without writing it for you, but here's a reference I found after a quick Google search. Search yourself for more.

 

http://www.dustindiaz.com/add-and-remove-html-elements-dynamically-with-javascript/

[freelance84]

ahhh, add and remove html with javascript!

 

the key is in what you search for as always. Thanks a bundle, i'll see if i can do it with that page. 

[F1Fan]

FYI, I searched for "javascript add textbox."

[freelance84]

ah ok. cheers

[seventheyejosh]

And fyi, "DOM Manipulation" is the proper term

 

http://www.google.com/#hl=en&source=hp&q=dom+manipulation&aq=0&aqi=g8g-m2&aql=&oq=DOM+manipu&gs_rfai=&fp=70182750bb56679e

[freelance84]

http://www.htmlgoodies.com/primers/jsp/article.php/3594621

 

this is a pretty good one