学习进度

今天通过观看老师分享的教学视频，我学习了用Java scripe进行省市二级联动的操作。首先需要在body标签内建立一个select标签在里面用option标签存放需要录入的省份名称，同时给各个省份赋上一个value值，这就是省份的下拉框，并在该select标签中写入一个可以获取省份value值的函数onchange=函数名（this.value）。然后再建立一个空白的select标签，并给其赋上一个id=city。然后在Java script标签中先定义一个二维数组var cities=new Array（省份数量），然后把属于该省的城市全部写到数组中去。例如：cities[0]=new Array("","",""),引号里存放城市名。然后编写函数function 函数名（value），先在函数里面写一个for循环，当i==value的时候，此时就要遍历输出这个省份的所有城市了。所以当i==value的时候再写一个for循环，在循环里面先创建一个存放城市的节点。其代码为var textNode=document.createTextNode(cities[i][j])。然后再创建一个option标签：var opt=document.createElement("option")。然后需要把城市的节点插入到option标签中去：opt.appendChild(textNode)。然后还需要把option标签插入到select标签中去，此时需要获取select标签的位置：var city=document.getElementById(city)。然后插入：city.appendChild(opt)便成功的将城市插入到了第二个下拉列表中。但是当我们切换省份的时候发现前一个省份的城市还在，并没有被删除。所以我们还需要加一个删除城市的代码。就是在插入城市之前先把第二个下拉列表的内容清空：var city.option.length=0即可。