学习进度

今天我通过观看老师分享的教学视，学习了如何使用jquery来重新实现已经用Java script实现过的省市二级联动的功能。第一步要做的还是要导入jquery的包：<script type="text/javascript" src="jquery-1.8.3.js"></script>。然后建立两个select标签，给第一个select标签赋上一个id=province，并且将省份全部写到该标签下的option标签下，再给各个省份赋上一个value值。之后给第二个select标签也赋上一个id=city，里面不需要存内容。然后编写script标签，首先还是得创建一个二维数组来存放省份对应的城市，然后用$(function(){})。在里面编写省市二级联动，首先用$("#province")来获取第一个select标签的位置。通过$("#province").change(function(){})来实现相当于Java script里面的onchange=function()的功能。然后用var val=this.value来获取选中的省份的value值，然后用each函数来遍历存放城市的二维数组:$.each(cities,function(i,n){})，这里的i是从0一直加到二维数组的最大长度的一个数值，n是数组里存放的内容。紧接着当i==val的时候，再次遍历数组：$.each(cities[i],function(j,m){})到此便已经实现了遍历。然后就是新建结点插入到option标签中去：var textnode=document.createTextNode(m); var opt=document.createElement("option"); $(opt).append(textnode); $(opt).appendTo($("#city"));。这样便使用jquery完成了省市二级联动的操作了。