rendered paste body<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <title>Example</title> </head> <body> <script type="text/javascript"> <!-- function addLoadEvent(func) { var oldonload = window.onload; if (typeof window.onload != 'function') { window.onload = func; } else { window.onload = function() { oldonload(); func(); } } } var ProvinceStates = new Array; /** * Canada Provinces **/ ProvinceStates[1] = new Array; ProvinceStates[1][0] = 'Alberta'; ProvinceStates[1][1] = 'British Columbia'; ProvinceStates[1][2] = 'Manitoba'; /** * USA Provinces **/ ProvinceStates[2] = new Array; ProvinceStates[2][0] = 'Alabama'; ProvinceStates[2][1] = 'Alaska'; ProvinceStates[2][2] = 'American Samoa'; /** * Mexico States **/ ProvinceStates[3] = new Array; ProvinceStates[3][0] = 'Aguascalientes'; ProvinceStates[3][1] = 'Baja California Norte'; ProvinceStates[3][2] = 'Baja California Sur'; function updateProvinces(value, form) { var list = ProvinceStates; var country = form.elements['country'][form.elements['country'].selectedIndex].value; var current_province = form.elements['province_current']; var box = form.elements['provinces']; box.options.length = 0; for (i=0; i < list[country].length; i++) { box.options[i] = new Option(list[country][i], list[country][i]); box.options[i].selected = false; if (box.options[i].value == current_province.value) { box.options[i].selected = true; } } } addLoadEvent(function() { updateProvinces(document.getElementById('editClient').elements['country'][document.getElementById('editClient').elements['country'].selectedIndex].value, document.getElementById('editClient')); }); //--> </script> <form action="" method="post" name="editClient" id="editClient"> <input type="hidden" name="province_current" value="Alaska"> <select name="country" id="country" onChange="updateProvinces(this.value, this.form);"> <option value="1">Canada</option> <option value="2" selected="selected">United States of America</option> <option value="3">Mexico</option> </select><br><br> <select name="provinces" id="provinces"> <option value="">Select Province/State</option> </select> </form> </body></html>