<!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>
<style type="text/css">
select{
width:120px;
border:2px solid #096;
}
</style>
<script language="javascript">
function changeCity() {
var arr=new Array();
var newOption;
arr['中国']=['上海','广州','武汉'];
arr['美国']=['纽约','洛杉矶','华盛顿'];
arr['日本']=['横滨','东京','福冈'];
var selectCountry=document.getElementById("country").value;
var cityNode=document.getElementById("city");
cityNode.length=0;
for(var city in arr[selectCountry]){
newOption = new Option(arr[selectCity][city]);
cityNode.options.add(newOption);
}
}
</script>
<select id="country" οnchange="changeCity()">
<option value="请选择国家">请选择国家</option>
<option value="中国" >中国</option>
<option value="美国">美国</option>
<option value="日本">日本</option>
</select>
<select id="city">
</select>
</body>
</html>
不知道为什么,一直将newOption加到第二个菜单