Skip to content

Instantly share code, notes, and snippets.

@jeremyfelt

jeremyfelt/state-select.html

Created December 30, 2012 19:36
Show Gist options
  • Save jeremyfelt/4414599 to your computer and use it in GitHub Desktop.
Save jeremyfelt/4414599 to your computer and use it in GitHub Desktop.
Download ZIP
State names as options in a select list formatted 3 ways
Raw
state-select.html
<!-- Full state name as option value -->
<select id="state-select-list" name="state_full_name">
<option value="alabama">Alabama</option>
<option value="alaska">Alaska</option>
<option value="arizona">Arizona</option>
<option value="arkansas">Arkansas</option>
<option value="california">California</option>
<option value="colorado">Colorado</option>
<option value="connecticut">Connecticut</option>
<option value="delaware">Delaware</option>
<option value="district-of-columbia">District of Columbia</option>
<option value="florida">Florida</option>
<option value="georgia">Georgia</option>
<option value="hawaii">Hawaii</option>
<option value="idaho">Idaho</option>
<option value="illinois">Illinois</option>
<option value="indiana">Indiana</option>
<option value="iowa">Iowa</option>
<option value="kansas">Kansas</option>
<option value="kentucky">Kentucky</option>
<option value="louisiana">Louisiana</option>
<option value="maine">Maine</option>
<option value="maryland">Maryland</option>
<option value="massachusetts">Massachusetts</option>
<option value="michigan">Michigan</option>
<option value="minnesota">Minnesota</option>
<option value="mississippi">Mississippi</option>
<option value="missouri">Missouri</option>
<option value="montana">Montana</option>
<option value="nebraska">Nebraska</option>
<option value="nevada">Nevada</option>
<option value="new-hampshire">New Hampshire</option>
<option value="new-jersey">New Jersey</option>
<option value="new-mexico">New Mexico</option>
<option value="new-york">New York</option>
<option value="north-carolina">North Carolina</option>
<option value="north-dakota">North Dakota</option>
<option value="ohio">Ohio</option>
<option value="oklahoma">Oklahoma</option>
<option value="oregon">Oregon</option>
<option value="pennsylvania">Pennsylvania</option>
<option value="rhode-island">Rhode Island</option>
<option value="south-carolina">South Carolina</option>
<option value="south-dakota">South Dakota</option>
<option value="tennessee">Tennessee</option>
<option value="texas">Texas</option>
<option value="utah">Utah</option>
<option value="vermont">Vermont</option>
<option value="virginia">Virginia</option>
<option value="washington">Washington</option>
<option value="west-virginia">West Virginia</option>
<option value="wisconsin">Wisconsin</option>
<option value="wyoming">Wyoming</option>
</select>
<!-- State abbreviation as option value -->
<select id="state-select-list" name="state_abbr">
<option value="AL">Alabama</option>
<option value="AK">Alaska</option>
<option value="AZ">Arizona</option>
<option value="AR">Arkansas</option>
<option value="CA">California</option>
<option value="CO">Colorado</option>
<option value="CT">Connecticut</option>
<option value="DC">District of Columbia</option>
<option value="DE">Delaware</option>
<option value="FL">Florida</option>
<option value="GA">Georgia</option>
<option value="HI">Hawaii</option>
<option value="ID">Idaho</option>
<option value="IL">Illinois</option>
<option value="IN">Indiana</option>
<option value="IA">Iowa</option>
<option value="KS">Kansas</option>
<option value="KY">Kentucky</option>
<option value="LA">Louisiana</option>
<option value="ME">Maine</option>
<option value="MD">Maryland</option>
<option value="MA">Massachusetts</option>
<option value="MI">Michigan</option>
<option value="MN">Minnesota</option>
<option value="MS">Mississippi</option>
<option value="MO">Missouri</option>
<option value="MT">Montana</option>
<option value="NE">Nebraska</option>
<option value="NV">Nevada</option>
<option value="NH">New Hampshire</option>
<option value="NJ">New Jersey</option>
<option value="NM">New Mexico</option>
<option value="NY">New York</option>
<option value="NC">North Carolina</option>
<option value="ND">North Dakota</option>
<option value="OH">Ohio</option>
<option value="OK">Oklahoma</option>
<option value="OR">Oregon</option>
<option value="PA">Pennsylvania</option>
<option value="RI">Rhode Island</option>
<option value="SC">South Carolina</option>
<option value="SD">South Dakota</option>
<option value="TN">Tennessee</option>
<option value="TX">Texas</option>
<option value="UT">Utah</option>
<option value="VT">Vermont</option>
<option value="VA">Virginia</option>
<option value="WA">Washington</option>
<option value="WV">West Virginia</option>
<option value="WI">Wisconsin</option>
<option value="WY">Wyoming</option>
</select>
<!-- State abbreviation as option value and display -->
<select id="state-select-list" name="state_abbr">
<option value="AL">AL</option>
<option value="AK">AK</option>
<option value="AZ">AZ</option>
<option value="AR">AR</option>
<option value="CA">CA</option>
<option value="CO">CO</option>
<option value="CT">CT</option>
<option value="DE">DE</option>
<option value="DC">DC</option>
<option value="FL">FL</option>
<option value="GA">GA</option>
<option value="HI">HI</option>
<option value="ID">ID</option>
<option value="IL">IL</option>
<option value="IN">IN</option>
<option value="IA">IA</option>
<option value="KS">KS</option>
<option value="KY">KY</option>
<option value="LA">LA</option>
<option value="ME">ME</option>
<option value="MD">MD</option>
<option value="MA">MA</option>
<option value="MI">MI</option>
<option value="MN">MN</option>
<option value="MS">MS</option>
<option value="MO">MO</option>
<option value="MT">MT</option>
<option value="NE">NE</option>
<option value="NV">NV</option>
<option value="NH">NH</option>
<option value="NJ">NJ</option>
<option value="NM">NM</option>
<option value="NY">NY</option>
<option value="NC">NC</option>
<option value="ND">ND</option>
<option value="OH">OH</option>
<option value="OK">OK</option>
<option value="OR">OR</option>
<option value="PA">PA</option>
<option value="RI">RI</option>
<option value="SC">SC</option>
<option value="SD">SD</option>
<option value="TN">TN</option>
<option value="TX">TX</option>
<option value="UT">UT</option>
<option value="VT">VT</option>
<option value="VA">VA</option>
<option value="WA">WA</option>
<option value="WV">WV</option>
<option value="WI">WI</option>
<option value="WY">WY</option>
</select>
Copy link

ghost commented Apr 9, 2020 

	<optgroup label="US State">
    <option value="AL">AL - Alabama</option>
    <option value="AK">AK - Alaska</option>
    <option value="AZ">AZ - Arizona</option>
    <option value="AR">AR - Arkansas</option>
    <option value="CA">CA - California</option>
    <option value="CO">CO - Colorado</option>
    <option value="CT">CT - Connecticut</option>
    <option value="DE">DE - Delaware</option>
    <option value="DC">DC - District of Columbia</option>
    <option value="FL">FL - Florida</option>
    <option value="GA">GA - Georgia</option>
    <option value="HI">HI - Hawaii</option>
    <option value="ID">ID - Idaho</option>
    <option value="IL">IL - Illinois</option>
    <option value="IN">IN - Indiana</option>
    <option value="IA">IA - Iowa</option>
    <option value="KS">KS - Kansas</option>
    <option value="KY">KY - Kentucky</option>
    <option value="LA">LA - Louisiana</option>
    <option value="LA">LA - Maine</option>
    <option value="MD">MD - Maryland</option>
    <option value="MA">MA - Massachusetts</option>
    <option value="MI">MI - Michigan</option>
    <option value="MN">MN - Minnesota</option>
    <option value="MS">MS - Mississippi</option>
    <option value="MO">MO - Missouri</option>
    <option value="MT">MT - Montana</option>
    <option value="NE">NE - Nebraska</option>
    <option value="NV">NV - Nevada</option>
    <option value="NH">NH - New Hampshire</option>
    <option value="NJ">NJ - New Jersey</option>
    <option value="NM">NM - New Mexico</option>
    <option value="NY">NY - New York</option>
    <option value="NC">NC - North Carolina</option>
    <option value="ND">ND - North Dakota</option>
    <option value="OH">OH - Ohio</option>
    <option value="OK">OK - Oklahoma</option>
    <option value="OR">OR - Oregon</option>
    <option value="PA">PA - Pennsylvania</option>
    <option value="RI">RI - Rhode Island</option>
    <option value="SC">SC - South Carolina</option>
    <option value="SD">SD - South Dakota</option>
    <option value="TN">TN - Tennessee</option>
    <option value="TX">TX - Texas</option>
    <option value="UT">UT - Utah</option>
    <option value="VT">VT - Vermont</option>
    <option value="VA">VA - Virginia</option>
    <option value="WA">WA - Washington</option>
    <option value="WV">WV - West Virginia</option>
    <option value="WI">WI - Wisconsin</option>
    <option value="WY">WY - Wyoming</option>

Copy link

ghost commented Apr 9, 2020 

                                 <optgroup label="US State">
    <option value="AL">Alabama - AL</option>
    <option value="AK">Alaska - AK</option>
    <option value="AZ">Arizona - AZ</option>
    <option value="AR">Arkansas - AR</option>
    <option value="CA">California - CA</option>
    <option value="CO">Colorado - CO</option>
    <option value="CT">Connecticut - CT</option>
    <option value="DE">Delaware - DE</option>
    <option value="DC">District of - Columbia DC</option>
    <option value="FL">Florida - FL</option>
    <option value="GA">Georgia - GA</option>
    <option value="HI">Hawaii - HI</option>
    <option value="ID">Idaho - ID</option>
    <option value="IL">Illinois - IL</option>
    <option value="IN">Indiana - IN</option>
    <option value="IA">Iowa - IA</option>
    <option value="KS">Kansas - KS</option>
    <option value="KY">Kentucky - KY</option>
    <option value="LA">Louisiana - LA</option>
    <option value="LA">Maine - LA</option>
    <option value="MD">Maryland - MD</option>
    <option value="MA">Massachusetts - MA</option>
    <option value="MI">Michigan - MI</option>
    <option value="MN">Minnesota - MN</option>
    <option value="MS">Mississippi - MS</option>
    <option value="MO">Missouri - MO</option>
    <option value="MT">Montana - MT</option>
    <option value="NE">Nebraska - NE</option>
    <option value="NV">Nevada - NV</option>
    <option value="NH">New Hampshire - NH</option>
    <option value="NJ">New Jersey - NJ</option>
    <option value="NM">New Mexico - NM</option>
    <option value="NY">New York - NY</option>
    <option value="NC">North Carolina - NC</option>
    <option value="ND">North Dakota - ND</option>
    <option value="OH">Ohio - OH</option>
    <option value="OK">Oklahoma - OK</option>
    <option value="OR">Oregon - OR</option>
    <option value="PA">Pennsylvania - PA</option>
    <option value="RI">Rhode Island - RI</option>
    <option value="SC">South Carolina - SC</option>
    <option value="SD">South Dakota - SD</option>
    <option value="TN">Tennessee - TN</option>
    <option value="TX">Texas - TX</option>
    <option value="UT">Utah - UT</option>
    <option value="VT">Vermont - VT</option>
    <option value="VA">Virginia - VA</option>
    <option value="WA">Washington - WA</option>
    <option value="WV">West Virginia - WV</option>
    <option value="WI">Wisconsin - WI</option>
    <option value="WY">Wyoming - WY</option>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment