北大青鳥accp50-javascriptppt(已修改)
2025-03-05 15:12 本頁面
【正文】 第七章 表單驗證的高級特效 回顧 用圖片代替提交按鈕，應如何實現(xiàn)表單驗證？ 簡述制作回車 Tab切換特效的大致步驟。 簡述制作即時提示錯誤特效的大致步驟。 實現(xiàn)內(nèi)容動態(tài)改變有哪兩種方法？ 預習檢查 什么是省市級聯(lián)特效？ 在 JavaScript中，如何定義一維數(shù)組 Array？ 在 JavaScript中，是否支持二維數(shù)組？ 本章任務 演示示例 1： 頁面效果 演示示例 2： 頁面效果 制作通用的省市級聯(lián)效果 制作學期、課程級聯(lián)效果 會使用下拉列表框控件實現(xiàn)省市級聯(lián)功能 會使用數(shù)組優(yōu)化省市級聯(lián)功能 本章目標 實現(xiàn)簡單的省市級聯(lián)功能 如何實現(xiàn)省市級聯(lián)的效果？ 頁面效果 利用省份下拉框的選項改變事件 onChange 根據(jù)用戶選擇的省份，動態(tài)添加城市下拉框的值 onChange 選項 /內(nèi)容改變事件 動態(tài)添加 城市選項 Option 實現(xiàn)簡單的省市級聯(lián)功能 演示實現(xiàn)步驟： 添加省份、城市下拉框（ 演示素材 ） 省份下拉框名稱selProvince 表單名稱 myform 省份下拉框選項option 城市下拉框名稱selCity 實現(xiàn)簡單的省市級聯(lián)功能 演示實現(xiàn)步驟： 查看生成的 HTML代碼 FORM name=myform ...... SELECT name=selProvince OPTION請選擇開戶帳號的省份 /OPTION OPTION value=四川省 四川省 /OPTION OPTION value=山東省 山東省 /OPTION OPTION value=湖北省 湖北省 /OPTION /SELECT ...... SELECT name=selCity OPTION請選擇開戶帳號的城市 /OPTION /SELECT ...... /FORM 多個選項構(gòu)成選項數(shù)組 options 選項 Option 城市下拉框暫時沒有具體的城市選項 實現(xiàn)簡單的省市級聯(lián)功能 演示實現(xiàn)步驟： 添加動態(tài)改變城市選項的 changeCity( )函數(shù) function changeCity( ){ var province=。 var newOption1,newOption2。 switch(province) { case 四川省 : newOption1= new Option(成都市 ,chengdu)。 newOption2= new Option(瀘州市 ,luzhou)。 break。
教學課件相關推薦
鄂ICP備17016276號-1