下拉框联动_058-ajax之三级联动案例分析
1 視頻中的三級聯動案例的功能需求是什么
頁面中有三個下拉框選項,分別為省下拉框,市下拉框,區/縣下拉框選擇省,則市下拉框中出現對應的該省下的市信息,選擇市,則區/縣下拉框中出現對應的該市下面的區/縣信息
2 視頻中的需求分析的內容是
①創建頁面:頁面有三個下拉框,分別為省、市、區/縣
②頁面加載成功發起ajax請求,請求省的信息,并將相應結果 填充到省下拉框中
③選擇省出發新的js函數執行,該函數中發起新的ajax請求, 請求該省下的市信息,并將響應數據填充數據到市下拉框
④選擇市出發新的js函數執行,該函數中發起新的ajax請求,請求該市下的區/縣信息,并將響應數據填充數據到區/縣下拉框
3 預期效果
4 步驟
ajax之三級聯動數據庫設計和實現
①完成三級聯動數據庫表設計。
②完成三級聯動案例的SQL語句設計。
③將area.sql文件導入到數據庫中。
ajax之三級聯動代碼實現獲取所有的省信息
①完成前臺jsp頁面的創建。
②在select.jsp中聲明ajax代碼請求省信息
③完成請求省信息的后臺功能,并能alert出請求的省信息。
ajax之三級聯動實現省信息填充和市信息功能
①將省信息填充到省下拉框中
②完成市信息下拉框功能
③ajax之三級聯動代碼完整實現
④完成城鎮信息下拉框功能?
問題:目前實現的三級聯動中為什么選擇省信息后,市信息為改變但是城鎮信息還是不變?如何解決?
在手動給省下拉框添加信息后會觸發省的change事件,從而會自動的給市添加信息。在此狀態下給市添加信息不會觸發市的change事件,從而不會自動的給縣添加信息。
解決:給省、市代碼塊添加change時間,只要監聽事件改變就會出發,從而產生聯動
根據視頻講解完成代碼的封裝
總結
以上是生活随笔為你收集整理的下拉框联动_058-ajax之三级联动案例分析的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: lstm训练情感分析的优点_LSTM对电
- 下一篇: 自适应高度表格_【干货分享】Word制作