<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script language="JavaScript" type="text/javascript">
//定义城市的二维数组,其中顺序跟省份是一致的
var cityNames = [["济南","青岛","淄博","潍坊"],["合肥","蚌埠","宣城","黄山"]];
function getCity(){
//获得省份下拉框的对象
var selProvince = document.form.province;
//获得城市下拉框的对象
var selCity = document.form.city;
//得到选择省份的城市数组
var proCityNames = cityNames[selProvince.selectedIndex-1];
//清空城市下拉框,仅留提示选项
selCity.length = 1;
//将省份下城市数组中的值填充到城市下拉框中
for(var i=0; i<proCityNames.length;i++){
selCity[i+1] = new Option(proCityNames[i],i+1);
}
}
</script>
</HEAD>
<BODY οnlοad="setValue();">
<FORM METHOD=POST ACTION="" name="form">
<select name="province" onChange="getCity()">
<option value="0">请选择省份</option>
<option value="1" selected>山东</option>
<option value="2">安徽</option>
</select>
<select name="city">
<option value="0">请选择城市</option>
</select>
</FORM>
</BODY>
</HTML>
但此项貌似在修改时的默认选中上不太好实现,用作单独的添加页面还是很高效率的。