The Code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta name="author" content="Roderick Divilbiss">
<meta name="copyright" content="© 2005-2010 Roderick Divilbiss">
<script language="javascript" type="text/javascript">
<!--
var current=1;
function changeSelect() {
if (current==1) {
document.getElementById('sDiv').innerHTML=
'<select name="province" id="province" onChange="calculate()">'+
'<option value="QC">QUEBEC</option>'+
'<option value="ON" selected>ONTARIO</option>'+
'<option value="BC">BRITISH COLUMBIA</option></select>';
current=0;
}else{
document.getElementById('sDiv').innerHTML=
'<select name="stateForCountry" id="stateForCountry">'+
'<option>Kansas</option>'+
'<option>Missouri</option></select>';
current=1;
}
}
//-->
</script>
</head>
<body>
<div id="sDiv">
<select name="stateForCountry">
<option>Kansas</option>
<option>Missouri</option>
</select>
</div>
<br><input type="button" value="change" onclick="changeSelect();">
</body>
</html>
Date Validation Using JavaScript .
Cross-Browser Clipboard Copy .
Loading Images With Remote Scripting .
Why JavaScript In Hyperlinks Is Bad .
Change The Submit Button To Show Waiting For AJAX Response .
European Date Validation Using JavaScript .
Database Results To Client Side Array .
Reading Files With JavaScript .
AJAX For Plain Text And HTML .