Simplify A Weekly List Of Events For A Web Site

I am writing a program to help simplify a weekly list of events for a web site without having to manually edit HTML code every single week.

The program takes event information from the user, stores it in a list box, and generates HTML code based on the user entry. The program basically enters in the user's inputted fields into a pre-set HTML template.

Here's how it's done:

1) I have a number of text boxes that the user fills out: "Date" "Event Title" "Age" "Location" "Details" etc.

2) The user clicks on the "ADD" button to store this event. The "Event Title" is shown in the list box, but I'd like for all of the information that was taken from the user before they clicked on "ADD" to be recalled in another text box.

3) The user can move events up or down in the list box, or remove them completely.

4) When the events have been sorted, the user hits the "GENERATE CODE" button and the html code is generated.

So lets say the list looks like:
- DJ Jim at Katrina Lounge
- DJ Heather at Zanzibar
- DJ Manny at Skybar

When the user clicks on the "DJ Jim" event, the full details that they entered earlier will be shown in a text box to the right of the list box. When they click on the "DJ Heather" event, the text box will reflect the details they entered for the "DJ Heather" event, and so on.

When the user click on "Generate", the program must be able to go through each item in the list box, recall the event details for that item, and plug in the variables for that item into the HTML code template.

The main question is, how can I store the information for each event (Event Title, Date, Location, etct.) while displaying only the Event Title for that even in the list box? If I know how to code this, it will be simple to display this information in the text box and recall the variables to plug into the HTML code

So the structure would be:

CODE: