Multiple select list/menu problem

Hi,
I want to create a page like this:
on the left side, there is a multiple select list named "SelectList", on the right side, there is another list named "PickList". Users can add items from "SelectList" to "PickList" by selecting in the "SelectList" and clicking "add it" button which located between two lists. After the selection, users can click submit button to save the results into database. I am new to Coldfusion, how can I do it? Could I anybody help me?

Thanks a lot!

This is done on the client with Javascript, it doesn't have anything to do with ColdFusion. If you search the web for Javascript libraries you will find many like this. The QForms Javascript API does this as well.

Thank you very much. I'll try to see if I can find something on google.

I forgot to say that I know how to use javascript to move items between the two lists. I just don't know how to save the data on "PickList" into database and get out to display. That's my major problem.

You won't be able to save anything to the database unless you submit the form and make another page request. Until the data is submitted to CF it can't do anything with it.

That said, you could probably get into more complicated Javascript and execute some http requests from the Javascript. This is how Google Suggest works, but it's quite complicated.

If you already know how to move the items between the 2 boxes, great. If you then want to SAVE the picked items, then onSubmit(), you'll need to select all items in the pickedItems select box.