First off, I am very JavaScript challenged but working to change that.

I have created a form with two list boxes, one will have location data that is used to populate the second. This data will be all 50 states and the Canadian Provinces and also regions. The regions would be 'US Northeast' and the like and I would like that to populate using the actual states that comprise the 'US Northeast' and not just the term "US Northeast'. The user would then have the option of removing a state or two after the box was populated.

I have the list boxes functioning but only in that you choose one option, hit ADD and it moves that option to list 2. Is there a way to do this and if so is there any documentation of what I need to do?