History? AJAX populated DropDowns empty after Browser back

History? AJAX populated DropDowns empty after Browser back

Hey,

I need help with an issue that I never had before, and I'm looking for a simple and easy to implement solution. I think I have to use the jQuery History-plugin, but I don't know how to implement it.

Scenario:
2 Dropdowns which depend on one another, user selects from first dropdown (for example, country). Then an AJAX call is made and the secon dropdown is poluated with the Country-related locations. The User selects the location, and then he clicks on submit and is taken to antoher page.

When I now hit the Browser's "Back" button, the dropdowns are empty, the data and the preselection are erased.

So I need a way to save the data, so the user can go back with the browser and has his preselected data in the dropdowns.

I would be very happy if someone could give me a simple example to save the data from one dropdown, and i will try to adapt this to the other dropdowns and maybe other elements in the future. Please help me, it is very important!

Thanks in advance!