第九章.表单验证的高级特效

《第九章.表单验证的高级特效》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第九章表单验证的高级特效回顾用图片代替提交按钮，应如何实现表单验证？简述制作回车Tab切换特效的大致步骤。简述制作即时提示错误特效的大致步骤。实现内容动态改变有哪两种方法？本章案例制作通用的省市级联效果演示示例1：页面效果学习目标会使用下拉列表框控件实现省市级联功能会使用数组优化省市级联功能一、实现简单的省市级联功能如何实现省市级联的效果？页面效果1、利用省份下拉框的选项改变事件onChange2、根据用户选择的省份，动态添加城市下拉框的值onChange选项/内容改变事件动态添加城市选项Opt

2、ion省份下拉框名称selProvince表单名称myform省份下拉框选项option城市下拉框名称selCity演示实现步骤：2、查看生成的HTML代码......--请选择开户帐号的省份--四川省山东省湖北省

3、ON>......--请选择开户帐号的城市--......多个选项构成选项数组options选项Option城市下拉框暂时没有具体的城市选项演示实现步骤：3、添加动态改变城市选项的changeCity()函数functionchangeCity(){varprovince=document.myform.selProvince.value;varnewOption1,n

4、ewOption2;switch(province){case"四川省":newOption1=newOption("成都市","chengdu");newOption2=newOption("泸州市","luzhou");break;case"湖北省":……}document.myform.selCity.options.length=0;document.myform.selCity.options.add(newOption1);document.myform.selCity.option

5、s.add(newOption2);}2、根据用户选择的省份，动态创建城市下拉框选项1、获取用户选择的省份3、清除原有的选项4、将选项添加到选项数组options查看源代码演示实现步骤：4、选择下拉框的onChange事件，调用事件函数……--请选择开户帐号的省份--四川省

6、山东省湖北省……当用户选择不同的省份时，将调用函数，改变城市下拉框的选项查看源代码小结下拉框控件SELECT：常用属性lengthvalueoptionsselectedIndex常用事件onChangeonBluronFocus选项数组1、每个选项Option可以动态创建newOption(”显示内容”，“值”)2、动态添加选项selCity.options.add(newOption1）3、清除选项s

7、elCity.options.length=0读取或设置被选项的索引号，第一个为0，其他类推选项改变事件小结1实现学期、课程的级联学期第一学期第二学期第二学年各学期对应课程第一学期：HTML、Java第二学期：Sqlserver、.Net第二学年：Struts、Ajax练习答案每个省实际上有很多城市、并且城市数量不等，有没有更简单、通用的办法？varnewOption1,newOption2;switch(province){case"四川省":newOption1=newOption("成都市

8、","chengdu");newOption2=newOption("泸州市","luzhou");break;case"湖北省":newOption1=newOption("武汉市","wuhan");newOption2=newOption("襄樊市","xiangfan");break;case"山东省":newOption1=newOption("青岛市","qingdao");newOption2=newOption("烟台市","yantai");}如果有很多城市，就需要定义很多变量