<select>
<option value="AF">Afghanistanoption>
ÅLand Islands</option>
<option value="AL">Albaniaoption>
Algeria</option>
<option value="AS">American Samoaoption>
Andorra</option>
<option value="AO">Angolaoption>
Anguilla</option>
<option value="AQ">Antarcticaoption>
Antigua And Barbuda</option>
<option value="AR">Argentinaoption>
Armenia</option>
<option value="AW">Arubaoption>
Australia</option>
<option value="AT">Austriaoption>
Azerbaijan</option>
<option value="BS">Bahamasoption>
Bahrain</option>
<option value="BD">Bangladeshoption>
Barbados</option>
<option value="BY">Belarusoption>
Belgium</option>
<option value="BZ">Belizeoption>
Benin</option>
<option value="BM">Bermudaoption>
Bhutan</option>
<option value="BO">Boliviaoption>
Bosnia And Herzegovina</option>
<option value="BW">Botswanaoption>
Bouvet Island</option>
<option value="BR">Braziloption>
British Indian Ocean Territory</option>
<option value="BN">Brunei Darussalamoption>
Bulgaria</option>
<option value="BF">Burkina Fasooption>
Burundi</option>
<option value="KH">Cambodiaoption>
Cameroon</option>
<option value="CA">Canadaoption>
Cape Verde</option>
<option value="KY">Cayman Islandsoption>
Central African Republic</option>
<option value="TD">Chadoption>
Chile</option>
<option value="CN">Chinaoption>
Christmas Island</option>
<option value="CC">Cocos (Keeling) Islandsoption>
Colombia</option>
<option value="KM">Comorosoption>
Congo</option>
<option value="CD">Congo, The Democratic Republic Of Theoption>
Cook Islands</option>
<option value="CR">Costa Ricaoption>
Cote D'Ivoire</option>
<option value="HR">Croatiaoption>
Cuba</option>
<option value="CY">Cyprusoption>
Czech Republic</option>
<option value="DK">Denmarkoption>
Djibouti</option>
<option value="DM">Dominicaoption>
Dominican Republic</option>
<option value="EC">Ecuadoroption>
Egypt</option>
<option value="SV">El Salvadoroption>
Equatorial Guinea</option>
<option value="ER">Eritreaoption>
Estonia</option>
<option value="ET">Ethiopiaoption>
Falkland Islands (Malvinas)</option>
<option value="FO">Faroe Islandsoption>
Fiji</option>
<option value="FI">Finlandoption>
France</option>
<option value="GF">French Guianaoption>
French Polynesia</option>
<option value="TF">French Southern Territoriesoption>
Gabon</option>
<option value="GM">Gambiaoption>
Georgia</option>
<option value="DE">Germanyoption>
Ghana</option>
<option value="GI">Gibraltaroption>
Greece</option>
<option value="GL">Greenlandoption>
Grenada</option>
<option value="GP">Guadeloupeoption>
Guam</option>
<option value="GT">Guatemalaoption>
Guernsey</option>
<option value="GN">Guineaoption>
Guinea-Bissau</option>
<option value="GY">Guyanaoption>
Haiti</option>
<option value="HM">Heard Island And Mcdonald Islandsoption>
Holy See (Vatican City State)</option>
<option value="HN">Hondurasoption>
Hong Kong</option>
<option value="HU">Hungaryoption>
Iceland</option>
<option value="IN">Indiaoption>
Indonesia</option>
<option value="IR">Iran, Islamic Republic Ofoption>
Iraq</option>
<option value="IE">Irelandoption>
Isle Of Man</option>
<option value="IL">Israeloption>
Italy</option>
<option value="JM">Jamaicaoption>
Japan</option>
<option value="JE">Jerseyoption>
Jordan</option>
<option value="KZ">Kazakhstanoption>
Kenya</option>
<option value="KI">Kiribatioption>
Korea, Democratic People'S Republic Of</option>
<option value="KR">Korea, Republic Ofoption>
Kuwait</option>
<option value="KG">Kyrgyzstanoption>
Lao People'S Democratic Republic</option>
<option value="LV">Latviaoption>
Lebanon</option>
<option value="LS">Lesothooption>
Liberia</option>
<option value="LY">Libyan Arab Jamahiriyaoption>
Liechtenstein</option>
<option value="LT">Lithuaniaoption>
Luxembourg</option>
<option value="MO">Macaooption>
Macedonia, The Former Yugoslav Republic Of</option>
<option value="MG">Madagascaroption>
Malawi</option>
<option value="MY">Malaysiaoption>
Maldives</option>
<option value="ML">Malioption>
Malta</option>
<option value="MH">Marshall Islandsoption>
Martinique</option>
<option value="MR">Mauritaniaoption>
Mauritius</option>
<option value="YT">Mayotteoption>
Mexico</option>
<option value="FM">Micronesia, Federated States Ofoption>
Moldova, Republic Of</option>
<option value="MC">Monacooption>
Mongolia</option>
<option value="MS">Montserratoption>
Morocco</option>
<option value="MZ">Mozambiqueoption>
Myanmar</option>
<option value="NA">Namibiaoption>
Nauru</option>
<option value="NP">Nepaloption>
Netherlands</option>
<option value="AN">Netherlands Antillesoption>
New Caledonia</option>
<option value="NZ">New Zealandoption>
Nicaragua</option>
<option value="NE">Nigeroption>
Nigeria</option>
<option value="NU">Niueoption>
Norfolk Island</option>
<option value="MP">Northern Mariana Islandsoption>
Norway</option>
<option value="OM">Omanoption>
Pakistan</option>
<option value="PW">Palauoption>
Palestinian Territory, Occupied</option>
<option value="PA">Panamaoption>
Papua New Guinea</option>
<option value="PY">Paraguayoption>
Peru</option>
<option value="PH">Philippinesoption>
Pitcairn</option>
<option value="PL">Polandoption>
Portugal</option>
<option value="PR">Puerto Ricooption>
Qatar</option>
<option value="RE">Reunionoption>
Romania</option>
<option value="RU">Russian Federationoption>
Rwanda</option>
<option value="SH">Saint Helenaoption>
Saint Kitts And Nevis</option>
<option value="LC">Saint Luciaoption>
Saint Pierre And Miquelon</option>
<option value="VC">Saint Vincent And The Grenadinesoption>
Samoa</option>
<option value="SM">San Marinooption>
Sao Tome And Principe</option>
<option value="SA">Saudi Arabiaoption>
Senegal</option>
<option value="CS">Serbia And Montenegrooption>
Seychelles</option>
<option value="SL">Sierra Leoneoption>
Singapore</option>
<option value="SK">Slovakiaoption>
Slovenia</option>
<option value="SB">Solomon Islandsoption>
Somalia</option>
<option value="ZA">South Africaoption>
South Georgia And The South Sandwich Islands</option>
<option value="ES">Spainoption>
Sri Lanka</option>
<option value="SD">Sudanoption>
Suriname</option>
<option value="SJ">Svalbard And Jan Mayenoption>
Swaziland</option>
<option value="SE">Swedenoption>
Switzerland</option>
<option value="SY">Syrian Arab Republicoption>
Taiwan, Province Of China</option>
<option value="TJ">Tajikistanoption>
Tanzania, United Republic Of</option>
<option value="TH">Thailandoption>
Timor-Leste</option>
<option value="TG">Togooption>
Tokelau</option>
<option value="TO">Tongaoption>
Trinidad And Tobago</option>
<option value="TN">Tunisiaoption>
Turkey</option>
<option value="TM">Turkmenistanoption>
Turks And Caicos Islands</option>
<option value="TV">Tuvaluoption>
Uganda</option>
<option value="UA">Ukraineoption>
United Arab Emirates</option>
<option value="GB">United Kingdomoption>
United States</option>
<option value="UM">United States Minor Outlying Islandsoption>
Uruguay</option>
<option value="UZ">Uzbekistanoption>
Vanuatu</option>
<option value="VE">Venezuelaoption>
Viet Nam</option>
<option value="VG">Virgin Islands, Britishoption>
Virgin Islands, U.S.</option>
<option value="WF">Wallis And Futunaoption>
Western Sahara</option>
<option value="YE">Yemenoption>
Zambia</option>
<option value="ZW">Zimbabweoption>
</select>

<select name="state">
<option value="">Pick your stateoption>
Alabama</option>
<option value="AK">Alaskaoption>
Arizona</option>
<option value="AR">Arkansasoption>
California</option>
<option value="CO">Coloradooption>
Connecticut</option>
<option value="DE">Delawareoption>
District of Columbia</option>
<option value="FL">Floridaoption>
Georgia</option>
<option value="HI">Hawaiioption>
Idaho</option>
<option value="IL">Illinoisoption>
Indiana</option>
<option value="IA">Iowaoption>
Kansas</option>
<option value="KY">Kentuckyoption>
Louisiana</option>
<option value="ME">Maineoption>
Maryland</option>
<option value="MA">Massachusettsoption>
Michigan</option>
<option value="MN">Minnesotaoption>
Mississippi</option>
<option value="MO">Missourioption>
Montana</option>
<option value="NE">Nebraskaoption>
Nevada</option>
<option value="NH">New Hampshireoption>
New Jersey</option>
<option value="NM">New Mexicooption>
New York</option>
<option value="NC">North Carolinaoption>
North Dakota</option>
<option value="OH">Ohiooption>
Oklahoma</option>
<option value="OR">Oregonoption>
Pennsylvania</option>
<option value="RI">Rhode Islandoption>
South Carolina</option>
<option value="SD">South Dakotaoption>
Tennessee</option>
<option value="TX">Texasoption>
Utah</option>
<option value="VT">Vermontoption>
Virginia</option>
<option value="WA">Washingtonoption>
West Virginia</option>
<option value="WI">Wisconsinoption>
Wyoming</option>
select>

This bit of javascript will check and uncheck all checkboxes in a group of checkboxes. The checkboxes are grouped by naming all the checkboxes by the same name.

Javascript Code:

function checkUncheckAll(checkAllState, cbGroup)
{
        // Check that the group has more than one element
        if(cbGroup.length > 0)
        {
                // Loop through the array
                for (i = 0; i < cbGroup.length; i++)
                {
                        cbGroup[i].checked = checkAllState.checked;
                }
        }
        else
        {
                // Single element so not an array
                cbGroup.checked = checkAllState.checked;
        }
}

HTML Code:

<input type=checkbox name=checkall onclick="checkUncheckAll(this, grp1);">
<input type=checkbox name=grp1 id=bx1>
<input type=checkbox name=grp1 id=bx2>
<input type=checkbox name=grp1 id=bx3>
<input type=checkbox name=grp1 id=bx4>

(Stolen from Jeremy Keith and Dustin Diaz: http://domscripting.com/blog/display/38).

Unobtrusive script takes a form inputs type attribute and copies it to that input's class. So, you go from...

<input type="text" />

...to...

<input type="text" class="text" />

Basically allows attribute selectors for form until IE catches up.

/*
        form.js
        AUTH: Austin Govella ([email protected])
        DATE: 2006-07-01
        DESC: Includes form specific javascripts.
        NOTE: Stolen from Jeremy Keith and Dustin Diaz: http://domscripting.com/blog/display/38
        REVS:  
*/



function appendInputTypeClasses()
{       /* adds input type as the inputs class */
        if ( !document.getElementsByTagName ) return;

        var inputs = document.getElementsByTagName('input');
        var inputLen = inputs.length;
        for ( i=0; i < inputLen; i++ )
        {
                if ( inputs[i].getAttribute('type') )
                {
                        inputs[i].className += ' '+inputs[i].getAttribute('type');
                }
        }
}

// Swap out default text in a form field on click, and recall if field is empty

<script type="text/javascript">
function clickclear(thisfield, defaulttext, color) {
        if (thisfield.value == defaulttext) {
                thisfield.value = "";
                if (!color) {
                        color = "000000";
                }
                thisfield.style.color = "#" + color;
        }
}
function clickrecall(thisfield, defaulttext, color) {
        if (thisfield.value == "") {
                thisfield.value = defaulttext;
                if (!color) {
                        color = "cccccc";
                }
                thisfield.style.color = "#" + color;
        }
}
script>

// Swap out default text in a form field on click, and recall if field is empty
// Example:

<script type="text/javascript">
function clickclear(thisfield, defaulttext, color) {
        if (thisfield.value == defaulttext) {
                thisfield.value = "";
                if (!color) {
                        color = "000000";
                }
                thisfield.style.color = "#" + color;
        }
}
function clickrecall(thisfield, defaulttext, color) {
        if (thisfield.value == "") {
                thisfield.value = defaulttext;
                if (!color) {
                        color = "cccccc";
                }
                thisfield.style.color = "#" + color;
        }
}
script>

// Swap out default text in a form field on click, and recall if field is empty
// Example:

<script type="text/javascript">
function clickclear(thisfield, defaulttext, color) {
        if (thisfield.value == defaulttext) {
                thisfield.value = "";
                if (!color) {
                        color = "000000";
                }
                thisfield.style.color = "#" + color;
        }
}
function clickrecall(thisfield, defaulttext, color) {
        if (thisfield.value == "") {
                thisfield.value = defaulttext;
                if (!color) {
                        color = "cccccc";
                }
                thisfield.style.color = "#" + color;
        }
}
script>