Adding/Deleting items from a dropdown

[clcope]

How can I add an item to a drop down list based on a value of another drop down on my form.

For ex:

If the user selects the country as US, I first want to empty the province dropdown list. Then I want to populate the province dropdown with all US states. Currently, the country and state info is not stored in a db. That is the ultimate goal. So for now I am using a massive if statement. Any help is appreciated.

TIA,

Crystal

[Anon]

Need to be a little specific is this happening before the submit or after, where the list is coming from are they generated form user info or static.

Remember once the page is phared it has to be re phared to make any changes to the page.

[Anon]

what u would probably need to do is have your php script connect to a database and retrieve all the values that u need, then have some javascript code do the actual deleting and repopulating of the select boxes. it shouldnt be very hard to do, so email me if u want some help

[clcope]

This would happen before the submit, once the user changes the country field. Currently, we have this somewhat working using javascript. But since some browsers do not support javascript, we woud like to change it to php. Here is the current code (using javascript):

<script language="javascript">
function UpdateProvince(CountryName)
{
var combo = document.submit.yourprovince;
var item = document.createElement("option");
ClearProvinceList(combo,item);

// Update province list with valid values
	if (CountryName.value == 'United States')
		{
 			combo.options.add(item);
 			item.innerText = "Arizona";
 			item.value = "AZ";
		}

}

function ClearProvinceList(combo, item)
{
var codesInList = combo.length

// Remove entries from the selectCodes Instance
	for (i=0; i < codesInList; i++) {
		combo.options[i] = null
	}

// Add default entry
 	combo.options.add(item);
 	item.innerText = "Please select your province...";
 	item.value = "123";
	item.selectedIndex=0;

}
</script>
<select name="yourcountry" onChange="UpdateProvince(window.document.submit.elements('yourcountry'))">
<OPTION VALUE="Please select your country..." SELECTED>Please select your country...
<OPTION VALUE="Afghanistan">Afghanistan
<OPTION VALUE="Albania">Albania
.
.
.

Thanks for your help,

Crystal