|
|
Demo
In this example the user selects from a list of two-letter U.S. postal abbreviations while the form sends the full spelling of the State.
|
Code
<?php
$state = $_POST['state'];
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="en-us" />
<title>US States Drop Down List Example 1</title>
<meta name="description" content="Demonstration and code example of a drop down list of US states. In this example the user selects from a list of two-letter U.S. postal abbreviations while the form sends the full spelling of the State." />
<meta name="keywords" content="code,html,php,example,snippet,demonstration,demo,drop,down,list,US,states,forms" />
<meta name="robots" content="index,follow" />
<meta name="author" content="Vern Southern" />
<meta name="generator" content="Winning Web Designers (http://winningwebdesigners.com)" />
</head>
<body>
<?php
if ($state > "") {
echo "<font color=red>You Selected " . $state . "</font>";
}
?>
<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post" name="form1">
<select name="state" size="1">
<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" selected="selected">CO</option>
<option value="Connecticut">CT</option>
<option value="Delaware">DE</option>
<option value="District 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>
<input type="submit" name="form1" value="Select State" />
</form>
</body>
</html>