首页
IT
登录
6mi
u
盘
搜
搜 索
IT
下拉框三级联
下拉框三级联
xiaoxiao
2026-09-13
2
<!doctype html> <html> <head> <meta charset="utf-8"> <title>下拉框三级联</title> <script type="text/javascript"> var shengfen=new Array; shengfen["广东省"]=['深圳市','广州市','惠州市','东莞市','佛山市']; shengfen["湖北省"]=['武汉市','黄石市','咸宁市','黄冈市']; function changecity(){
var s=document.getElementById("province").value;
var ss=province.value;
city.options.length=0;
for(i=0;i<shengfen[s].length;i++){
var newoption=new Option(shengfen[s][i],shengfen[s][i]);
city.add(newoption);
}
changequ();
}
var chengshi=new Array; chengshi["深圳市"]=['宝安区','南山区','福田区','龙华区','龙岗区']; chengshi["广州市"]=['番禺区','海珠区','白云区','越秀区']; chengshi["武汉市"]=['汉口','汉阳','武昌','xxx']; chengshi["黄石市"]=['阳新县','大冶市','西塞山区','下陆区','铁山区','黄石港区'];
function changequ(){
var s=document.getElementById("city").value;
qu.options.length=0;
for(i=0;i<chengshi[s].length;i++){
var newoption=new
Option
(chengshi[s][i],chengshi[s][i]);
qu.add(newoption);
}
}
window.οnlοad=function(){
changecity();
} </script> </head> <body> <select id="province" name="province" οnchange="changecity();"> <option value="广东省">广东省</option> <option value="湖北省">湖北省</option> </select> <select id="city" name="city" οnchange="changequ();"> </select> <select id="qu" name="qu"> </select> </body> </html>
转载请注明原文地址: https://ju.6miu.com/read-1312037.html
最新回复
(
0
)
