javascript中在下拉列表中用数组选择省市

function changeCity()

{

var province=document.myform.selProvince.value //这里的document.myform.selProvince是页面中有个id是"myform"的表单(form),里面有个下拉列表，id是 selProvince,整个的意思就是取它的值，也就是选中的省。

document.myform.selCity.options.length=0 //把selCity下拉列表的选项清0

for (var i in cityList)//循环每一个cityList 的成员

{

if (i == province)

{

for (var j in cityList[i])

{

document.myform.selCity.options.add(new Option(cityList[i][j], cityList[i][j])) //给selCity下拉列表增加条目，也就是选择项。 每个下拉列表都有options集合，它add一个option对象就能增加一个条目

}

}

}

document.myform.selCity.options.selctIndex=0//让celCity下拉列表选中第一个选项

}

function AllCity(){

for (var i in cityList)

{

document.myform.selProvince.options.add(new Option(i, i)) //为selProvince下拉列表增加一个省份选项

}

document.myform.selProvince.selectedIndex = 0 //让省份下拉列表选中第一个选项。

}

其实 document.myform.selProvince 这样的写法不好，不一定每个浏览器都支持，IE以外的浏览器很可能会报错。正确的写法是 document.getElementById("下拉列表ID") ,这样的写法走到哪里都不会出错。

这就涉及到异步请求了，jQuery，dwr都可以实现，省的下拉框是你页面加载的时候就放进去的，然后给你的省的下拉框加一个onchange事件，改变的时候用异步请求到后台去查询某个省下属的市，然后返回页面，给市的下拉框赋值

---