<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script type="text/javascript"> function changeCity(){ var province=document.myform.selProvince.value; alert(province); var newOption1,newOption2; switch(province){ case "四川省": newOption1=new Option("成都","chengdu"); newOption2=new Option("泸州","luzhou"); break; case "湖北省": newOption1=new Option("武汉市","wuhan"); newOption2=new Option("襄樊市","xiangfan"); break; } document.myform.selCity.options.length=0; document.myform.selCity.options.add(newOption1); document.myform.selCity.options.add(newOption2); } </script> </head> <body> <form name="myform"> <select name="selProvince" οnchange="changeCity()"> <option>-请选择开户帐号的省份-</option> <option value="四川省">四川省</option> <option value="山东省">山东省</option> <option value="湖北省">湖北省</option> </select> <select name="selCity"> <option>-请选择开户帐号的城市-</option> </select> </form> </body> </html>