复制代码代码如下所示：




在这里插入标题

初始化存储在城市列表中的二维数组
var城市= {
{ 安庆
{ 石家庄
{ 郑州
}；
选择一个省、城市调用添加方法
功能provincechanged（SEL）{
警告（选择的长度选项。长度）；
实际上，select是一个选择对象。
通过迭代收集选项，找到所选的选项
对于（var x = 0；x＜sel.options.length；X + +）
{
var；
如果（选择）
{
对选定的城市选择添加选项
addcitytoselect（X）
}
}
}
向该城市选择添加到各省的城市项
功能addcitytoselect（x）{
从城市的相应二维数组中找出
VaR的城市=城市{ X-1 }；
无功cityselect = document.getelementbyid（select_city ）；
/ * ==================删除现有的节点元素===============
在第二个或n个调用方法中，城市选择对象添加了以前添加的节点，因此它是明确的。
想的removechild（）之1：选择对象，所以你可以通过循环遍历删除字节。
想法2：设置选择选项。长度= 1可以直接达到同样的效果。
* /
在选项长度下设置城市的选择对象是1。
CitySelect.options.length=1;
设置集合的长度，删除
/ / cityselect。选项。长度= 1；
对于（var x = 0；x＜city.length；X + +）
{
创建一个元素节点对象
无功optionname = document.createelement（选项）；
将显示内容设置为选项
optionname .innerHTML =市{X}；
添加选项以创建选择
cityselect.appendchild（optionname）；
*
在这个地方，所有的城市一定省下添加到cityselect对象
当第二个省在第二个省被选中时，第二个省的所有城市都将增加到各省。
的cityselect节点下。效果是错误的。所以这是摆在每一个需要添加，
cityselect节点的内容是空的。再看看：
删除现有的节点元素===============受阻
* /
}
}




<！这个的意义：它意味着选择对象调用provincechanged（本），并在该方法
对象本身作为参数传递给操作它。>
请选择该省
安徽
河北
河南


请选择城市