Form within a Form?

This has likely already been answered. I haven't quite seen this particular scenario, but don't hesitate to lead me to a solution.

I have a standard form and action cfm page. However, within the form, I'd like to have a small section in which when its individual submit button is pressed, certain fields are added to a cf list. In addition, I'd like the user to view that list in realtime as they press "ADD", say in something like a select field? Then, when the bottom-most Submit is pressed, all data will be sent to the database.

If the best method for this is to pass through the same action page each time the form within form submit is pressed, how can I pass the other fields that have already been filled out?

This is a great community - thanks all for your assistance. I've learned alot here!

You'd really need to do this with Javascript I think.

Thanks - I'm thinking about using something like innerHTML on a specifically formatted table cell or something. Trying to figure out how I can grab what is currently in the block, and adding a variable to it, before writing to it.

This would lose a method of removing an item (by selecting it) on the same page, but I can work around that later in a seperate process.

I tried some javascript, but its lengthy and (IMHO) difficult to understand. I'd like to have something simple.


Its funny - I can find tons of code about changing blocks in realtime on a webpage, but almost nothing about appending to it.

The only way to do things like this without submitting the form and making another request to the server is with Javascript. You could also have multiple separate forms on the page, each with their own submit button, and when the user submits each form, the same page is reloaded and the form submission is handled (ie adding things to a list or whatever). But this requires making another request and is not as immediate as Javascript.

Thanks as always kiteless. Moved to the javascript forum. I might be back when I need to physically combine the two correctly.

I'm back!! Got my solution on the Javascript forum using an onClick function. Still working on passing CF through it though.