I am building a customer database which captures the name, address, city, state, zip. I have created my input form where the state is a dropdown list. Does anyone have this list already setup? Wix format requires label/value…
Alabama, AL
Alaska, AK
etc.etc.
Thanks
JD
Hey JD,
I used the following code for a site I built . I added it to a JS file of the Public directory and imported it when it was needed.
US states:
export const usStates = [
{value:"", label: "Select a state"},
{value:"AL", label: "Alabama"},
{value:"AK", label: "Alaska"},
{value:"AZ", label: "Arizona"},
{value:"AR", label: "Arkansas"},
{value:"CA", label: "California"},
{value:"CO", label: "Colorado"},
{value:"CT", label: "Connecticut"},
{value:"DE", label: "Delaware"},
{value:"FL", label: "Florida"},
{value:"GA", label: "Georgia"},
{value:"HI", label: "Hawaii"},
{value:"ID", label: "Idaho"},
{value:"IL", label: "Illinois"},
{value:"IN", label: "Indiana"},
{value:"IA", label: "Iowa"},
{value:"KS", label: "Kansas"},
{value:"KY", label: "Kentucky"},
{value:"LA", label: "Louisiana"},
{value:"ME", label: "Maine"},
{value:"MD", label: "Maryland"},
{value:"MA", label: "Massachusetts"},
{value:"MI", label: "Michigan"},
{value:"MN", label: "Minnesota"},
{value:"MS", label: "Mississippi"},
{value:"MO", label: "Missouri"},
{value:"MT", label: "Montana"},
{value:"NE", label: "Nebraska"},
{value:"NV", label: "Nevada"},
{value:"NH", label: "New Hampshire"},
{value:"NJ", label: "New Jersey"},
{value:"NM", label: "New Mexico"},
{value:"NY", label: "New York"},
{value:"NC", label: "North Carolina"},
{value:"ND", label: "North Dakota"},
{value:"OH", label: "Ohio"},
{value:"OK", label: "Oklahoma"},
{value:"OR", label: "Oregon"},
{value:"PA", label: "Pennsylvania"},
{value:"RI", label: "Rhode Island"},
{value:"SC", label: "South Carolina"},
{value:"SD", label: "South Dakota"},
{value:"TN", label: "Tennessee"},
{value:"TX", label: "Texas"},
{value:"UT", label: "Utah"},
{value:"VT", label: "Vermont"},
{value:"VA", label: "Virginia"},
{value:"WA", label: "Washington"},
{value:"WV", label: "West Virginia"},
{value:"WI", label: "Wisconsin"},
{value:"WY", label: "Wyoming"},
];
Canada states:
export const canadaStates = [
{label: "Alberta", value: "AB"},
{label: "British Columbia", value: "BC"},
{label: "Manitoba", value: "MB"},
{label: "New Brunswick", value: "NB"},
{label: "Newfoundland and Labrador", value: "NL"},
{label: "Nova Scotia", value: "NS"},
{label: "Northwest Territories", value: "NT"},
{label: "Nunavut", value: "NU"},
{label: "Ontario", value: "ON"},
{label: "Prince Edward Island", value: "PE"},
{label: "Quebec", value: "QC"},
{label: "Saskatchewan", value: "SK"},
{label: "Yukon", value: "YT"},
];
I also found this GitHub repository, which I think that can be useful:
Have a good day,
Tal.