wOption1newOption2 如果有很多城市,就需 如果有很多城市,就需switchprovince 要定义很多变量,编写 要定义很多变量,编写 case 四川省 : 很多重复的代码 很多重复的代码 newOption1 new Option成都市chengdu newOption2 new Option泸州市luzhou break case 湖北省 : newOption1 new Option武汉市wuhan newOption2 new Option襄樊市xiangfan break case 山东省 : newOption1 new Option青岛市qingdao newOption2 new Option烟台市yantai 使用数组优化省市级联功能JavaScript中的数组用法: 查看源代码 使用数组优化省市级联功能 JavaScript中的数组用法: 查看源代码 1、创建数组,可 1、创建数组,可 3、循环输出. 3、循环输出. 0-表示四川省的索引号,同理可 0-表示四川省的索引号,同理可 以换为山东省-索引号1 以换为山东省-索引号1 使用数组优化省市级联功能 用数组优化解决省市级联问题: 1、用数组存放每个 1、用数组存放每个 2、根据用户选择的省份索引 2、根据用户选择的省份索引 省份包含的城市 省份包含的城市 号,找到对应的数组索引号 号,找到对应的数组索引号 一维数组: cityList 数组索引号 下拉框索引号cityList0 0 selectedIndex 0cityList1 1 1 2cityList2 2 3 3、根据对应的数组内 3、根据对应的数组内 1 容,添加城市选项到城 容,添加城市选项到城 市下拉框中 市下拉框中 使用数组优化省市级联功能 用数组优化解决省市级联问题: 查看源代码function changeCity 1、创建数组,存放 1、创建数组,存放 各省份对应城市 各省份对应城市 var cityList new Array cityList0成都 绵阳 德阳 自贡 … 泸州 cityList1济南 青岛 ‘… 日照 cityList2 武汉 宜昌 … 潜江 2、根据用户选择的省份索引 2、根据用户选择的省份索引 号,获取对应数组索引号 号,获取对应数组索引号 var pIndexdocument.myform.selProvince.selectedIndex-1 var newOption1 document.myform.selCity.options.length0 for var j in cityListpIndex 3、清空原下拉框内容 3、清空原下拉框内容 newOption1new OptioncityListpIndexj cityListpIndexj document.myform.selCity.options.addnewOption1 4、根据数组内容创建选 4、根据数组内容创建选 项,并添加到城市下拉框 项,并添加到城市下拉框 小结2用数组优化学期、选修课程的级联。
练习答案各学期对应课程各学期对应课程第一学期:HTML、Java、SqlServer基础、C第一学期:HTML、Java、SqlServer基础、C第二学期:JavaScript、SqlServer高级、.Net、JSP第二学期:JavaScript、SqlServer高级、.Net、JSP第二学年:Struts、
ASP.NET、Ajax、Spring、Hibernate第二学年:Struts、
ASP.NET、Ajax、Spring、Hibernate 使用文字下标的数组再次优化 使用索引号必须要求省份的排列顺序和数组编号相同。
……cityList0成都 ... 泸州四川省cityList1济南 …日照山东省cityList2武汉 …潜江湖北省cityList3合肥…‘ 亳州安徽省cityList4东莞 …珠海广东省cityList5桂林… 贺州广西省cityList6贵阳 …遵义贵州省……当30多个省份罗列在一起时容易搞错当30多个省份罗列在一起时容易搞错对应关系,有没有更直观的办法对应关系,有没有更直观的办法 使用文字下标的数组再次优化1、JavaScript中的数组下标可以采用标识符代替。
例如: cityList山东省 济南 青岛 淄博 枣庄 东营 烟台 潍坊 济宁 泰安 威海 日照2、可以根据用户选择的value值,与数组下标标识 进行比较,从而找出该省包括的城市。