javascript_day05TP7V2.0章节.pptVIP

使用文字下标的数组再次优化 使用索引号必须要求省份的排列顺序和数组编号相同 …… cityList[0]=[成都, ... 泸州]; cityList[1]=[济南, …日照]; cityList[2]=[武汉, …潜江]; cityList[3]=[合肥,…亳州]; cityList[4]=[东莞, …珠海]; cityList[5]=[桂林,… 贺州]; cityList[6]=[贵阳, …遵义]; …… SELECT name=selProvince OPTION 四川省/OPTION OPTION 山东省/OPTION OPTION 湖北省/OPTION OPTION 安徽省/OPTION OPTION 广东省/OPTION OPTION 广西省/OPTION OPTION 贵州省/OPTION /SELECT 当30多个省份罗列在一起时容易搞错对应关系，有没有更直观的办法? 使用文字下标的数组再次优化 1、JavaScript中的数组下标可以采用标识符代替 例如： cityList[山东省] = [济南, 青岛, 淄博, 枣庄, 东营, 烟台, 潍坊, 济宁, 泰安, 威海, 日照]; 2、可以根据用户选择的value值，与数组下标标识 进行比较，从而找出该省包括的城市 用文字下标的数组优化省市级联菜单： 使用文字下标的数组再次优化 function changeCity( ) { var cityList = new Array( ); cityList[‘四川省’]=[成都, 绵阳, , … 泸州]; cityList[‘山东省’]=[济南, 青岛, ‘… 日照]; cityList[‘湖北省’] = [武汉, 宜昌, … 潜江]; var pIndex=document.myform.selProvince.value; var newOption1; document.myform.selCity.options.length=0; for (var j in cityList[pIndex]) { newOption1=new Option(cityList[pIndex][j], cityList[pIndex][j]); document.myform.selCity.options.add(newOption1); } 数组下标采用文字标识符代替 根据省份下拉框的值，获取对应数组的索引标识 数组的读取和数字索引方式相同 查看源代码 常见错误 SCRIPT language=javascript var Bookinfo = new Array(2)(4); Bookinfo[0][0]= 6-5333-0575-3; Bookinfo[0][1]= Ajax高级编程 Bookinfo[0][2]= 铁手 Bookinfo[0][3]= 人民邮电出版社 Bookinfo[1][0]= 6-5333-0575-8; Bookinfo[2][1]= 精通正则表达式 Bookinfo[3][2]= 余晟 Bookinfo[4][3]= 电子工业出版社 /SCRIPT JavaScript中没有二维或二维以上数组 小结3 数组下标采用文字标识的方式，实现学期、课 程的级联 各学期对应课程 第一学期：HTML、Java、SQLServer基础、C# 第二学期：JavaScript、SQLServer高级、.Net、JSP 第二学年：Struts、ASP.NET、Ajax、Spring、Hibernate 练习答案 总结 省市级联特效的实现思路是什么？ 下拉框常用的属性和事件有哪些？ 使用数组实现省市级联的思路是什么？ 在JavaScript中使用数组应注意哪些问题？ * * * * 第七章　 表单验证的高级特效 回顾 用图片代替提交按钮，应如何实现表单验证？ 简述制作回车Tab切换特效的大致步骤 简述制作即时提示错误特效的大致步骤 实现内容动态改变有哪两种方法？ 预习检查 什么是省市级联特效？ 在JavaScript中，如何定义一维数组Array？ 在JavaScript中，是否支持二维数组？ 本章任务 演示示例1：页面效果 演示示例2：页面效果 制作通用的省市级联效果 制作学期、课程级联效果 会使用下拉列表框控件实现省市级联功能 会使用数组优化省市级联功能 本章目标 实现简单的省市级联功能 如