Drop-down list of United States, Canada, and Mexico states or provinces

Since I’m always searching for this, when the need arises – I’d thought I’d post it here, so I can always find it easily.

This is for web developers, who quickly need to add a “drop down” list of all the U.S. states, Mexican states, and the provinces in Canada, for a web form.

All you have to do is copy/paste this code into your site.

It’s viewable as the full name of the state/province, but the value is just the two-letter abbreviation. It also includes an id attribute for each, with the attribute value being the two-letter abbreviation. This is for when you need to use JavaScript to pre-select a particular option value.

Here’s what the drop-down looks like: