Difficulty in Popup Drop Down Menu

This site is best viewed in a modern browser with JavaScript enabled.

Pandit_India

Plz help .........Hi i m working on php . i m not using any database .

In a php page in which, when user select a value from a drop down menu , then it should jump to a new popup drop down menu.

for example. in a form when user select a country from a drop down menu , so a popup drop down menu appear with all the state of the selected country.

i think u all got it my problem, plz help me out.
i m not using any data base.

so your ans sholud be in java script, or in php or in html.

Thanking you,

kender

<!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>