首頁 >web前端 >js教程 >js操縱跨frame的三級連動select下拉選項實例介紹_javascript技巧

js操縱跨frame的三級連動select下拉選項實例介紹_javascript技巧

WBOY
WBOY原創
2016-05-16 17:33:411371瀏覽

運用HTML、CSS以及Javascript相關知識,編寫多視窗多選單的內容連動。

檢視學生關於frame、瀏覽器對象,以及表單控制項的概念,javascript事件觸發機制與程式設計,
以及用CSS來組織文字展示的掌握程度,使學生對DHTML有更加深刻的理解。
實驗內容【必做】
(1)建立一個包含三個frame的窗口
(2)第一個frame1中包含一個select,內容是中國的各個省
(3)第二個frame2中同樣含有一個select,內容是各省的地級市
(4)第三個frame3用來顯示關於某地市的介紹。
(5)當在frame1的selecet中選擇某個省,則frame2中的select自動把可選項變為該省下的各地市
(6)當在frame2中的select選中某地市後,在frame3中顯示該地市的介紹
(7)介紹要求用div容納,居左對齊,藍色字,20px,首行縮排。

選單連動參考介面效果

提示:實現本試驗可以有多種方式(例如:css版,dom版,ajax版,prototype版都可以實現),學員只需選擇一種實現方式即可。

菜單連動試驗相關數據
江蘇
南京 南京是江蘇省的省會,六朝古都,歷史遺跡豐富,文化底蘊深厚。
泰州 泰州是千年古郡,胡主席出生的地方,汪老師的故鄉,以三麻出名,其中尤以麻將聞名。
蘇州 「上有天堂,下有蘇杭」,蘇州以園林而出名,著名的園林有「拙政園」、「獅子林」等,人傑地靈,文人墨客輩出。

浙江
杭州 杭州是浙江省的省會,風景優美,人間仙境,所謂「上有天堂,下有蘇杭」。
溫州 溫州最出名的就是商人,溫州人幾乎人人都經商,舉國痛恨的溫州炒房團就是其中的代表!
嘉興 對嘉興的了解,還是停留在嘉興南湖上舉行的那次歷史性的大會。

廣東
廣州 廣州是廣東省的省會,經濟發達,但犯罪猖獗!
深圳 深圳是全國第一個經濟特區,經濟發達,幾乎全是外來人口,跟廣州一樣,治安也不好。
珠海 珠海是我國第一批沿海開放城市之一,城市優美,典型的海濱城市,適合居住。

寫了一個shit 味 不是太濃的js程式碼,供各位看官和懶蛋們享用。
上代碼:
1.frame_a.htm: 顯示省份province的下拉列表

複製代碼 程式碼如下:







Frame A








2.frame_b.htm: 椤
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn