<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en">
<head>
<title>Title</title>
</head>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
servers = new Array(
new Array(
new Array("us_state1", "s1"),
new Array("us_state2", "s2"),
new Array("us_state3", "s3"),
new Array("us_state4", "s4")
),
new Array(
new Array("can_state1", "cs1"),
new Array("can_state2", "cs2"),
new Array("can_state3", "cs3"),
new Array("can_state4", "cs4")
)
);
function fillSelectFromArray(selectCtrl, itemArray, goodPrompt, badPrompt, defaultItem) {
var i, j;
var prompt;
// empty existing items
for (i = selectCtrl.options.length; i >= 0; i--) {
selectCtrl.options[i] = null;
}
prompt = (itemArray != null) ? goodPrompt : badPrompt;
if (prompt == null) {
j = 0;
} else {
selectCtrl.options[0] = new Option(prompt);
j = 1;
}
if (itemArray != null) {
// add new items
for (i = 0; i < itemArray.length; i++) {
selectCtrl.options[j] = new Option(itemArray[i][0]);
if (itemArray[i][1] != null) {
selectCtrl.options[j].value = itemArray[i][1];
}
j++;
}
// select first item (prompt) for sub list
selectCtrl.options[0].selected = true;
}
}
// End -->
</script>
<body>
<div>
<form action="processing_page.php" method="post" enctype="multipart/form-data">
Field 1
<select style="width: 235px;" name="game" onchange="fillSelectFromArray(this.form.server, ((this.selectedIndex == -1) ? null : servers[this.selectedIndex-1]));">
<option value="-1">Select Country</option>
<option value="1">USA</option>
<option value="2">Canada</option>
</select> <br /><br />
Field 2
<select name="server" style="width: 235px;">
<option value="">Select Game First</option>
</select>
<br /><br /><input type="submit" value=" Add " />
</form>
</div>
</body>
</html>