Because Business Catalyst is a international product the State Field is
left as a text field. If you are designing a site just for the US here
is a way you can make your State field a drop down real fast.

First off you have Four types of state fields. HomeState, WorkState, ShippingState, BillingState. For this example i am using the HomeState field.

The BC system will generate a field like this.

Code:

<label for="HomeState">State <span class="req">*</span></label><br />
<input type="text" name="HomeState" id="HomeState" class="cat_textbox" maxlength="255" />

Step One: Copy the code for the style of the list you want to use from below

Step Two: Replace...

Code:

<input type="text" name="HomeState" id="HomeState" class="cat_textbox" maxlength="255" />

with the drop down code of your choice.

Step Three: Make sure that you replace the "*" with either "Home", "Work", "Shipping", or "Billing" depending on the field you are modifying.

Example >> Changing the Work State I would replace the * with Work like so it reads WorkState...

Here is the code.

This code Displays the State Name in the drop down and returns the value of the Abbreviation:

Code:

<select name="*State" id="*State">
    <option value="AK">AK</option>
    <option value="AL">AL</option>
    <option value="AR">AR</option>
    <option value="AZ">AZ</option>
    <option value="CA">CA</option>
    <option value="CO">CO</option>
    <option value="CT">CT</option>
    <option value="DC">DC</option>
    <option value="DE">DE</option>
    <option value="FL">FL</option>
    <option value="GA">GA</option>
    <option value="HI">HI</option>
    <option value="IA">IA</option>
    <option value="ID">ID</option>
    <option value="IL">IL</option>
    <option value="IN">IN</option>
    <option value="KS">KS</option>
    <option value="KY">KY</option>
    <option value="LA">LA</option>
    <option value="MA">MA</option>
    <option value="MD">MD</option>
    <option value="ME">ME</option>
    <option value="MI">MI</option>
    <option value="MN">MN</option>
    <option value="MO">MO</option>
    <option value="MS">MS</option>
    <option value="MT">MT</option>
    <option value="NC">NC</option>
    <option value="ND">ND</option>
    <option value="NE">NE</option>
    <option value="NH">NH</option>
    <option value="NJ">NJ</option>
    <option value="NM">NM</option>
    <option value="NV">NV</option>
    <option value="NY">NY</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="VA">VA</option>
    <option value="VT">VT</option>
    <option value="WA">WA</option>
    <option value="WI">WI</option>
    <option value="WV">WV</option>
    <option value="WY">WY</option>
 </select>

This code displays the Abbreviation in the drop down and returns the value of the State Name:

Code:

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

This code displays the Abbreviation in the drop down and returns the value of the Abbreviation:

Code:

<select name="*State" id="*State">
    <option value="AK">AK</option>
    <option value="AL">AL</option>
    <option value="AR">AR</option>
    <option value="AZ">AZ</option>
    <option value="CA">CA</option>
    <option value="CO">CO</option>
    <option value="CT">CT</option>
    <option value="DC">DC</option>
    <option value="DE">DE</option>
    <option value="FL">FL</option>
    <option value="GA">GA</option>
    <option value="HI">HI</option>
    <option value="IA">IA</option>
    <option value="ID">ID</option>
    <option value="IL">IL</option>
    <option value="IN">IN</option>
    <option value="KS">KS</option>
    <option value="KY">KY</option>
    <option value="LA">LA</option>
    <option value="MA">MA</option>
    <option value="MD">MD</option>
    <option value="ME">ME</option>
    <option value="MI">MI</option>
    <option value="MN">MN</option>
    <option value="MO">MO</option>
    <option value="MS">MS</option>
    <option value="MT">MT</option>
    <option value="NC">NC</option>
    <option value="ND">ND</option>
    <option value="NE">NE</option>
    <option value="NH">NH</option>
    <option value="NJ">NJ</option>
    <option value="NM">NM</option>
    <option value="NV">NV</option>
    <option value="NY">NY</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="VA">VA</option>
    <option value="VT">VT</option>
    <option value="WA">WA</option>
    <option value="WI">WI</option>
    <option value="WV">WV</option>
    <option value="WY">WY</option>
 </select>

Hope this has been of some help.