省市二级菜单
2016-08-14 10:21
99 查看
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>省市菜单</title> <script> var arr=[['选择市'], ["东城区","西城区","朝阳区","海淀区","丰台区","石景山区","房山区","通州区","顺义区","大兴区","昌平区","平谷区","怀柔区"], ["珠海市","汕头市","佛山市","韶关市","湛江市","肇庆市","江门市","茂名市","惠州市","梅州市","汕尾市","河源市","阳江"], ["郑州","开封","洛阳","南阳","漯河","许昌","三门峡","平顶山","周口","驻马店","新乡","鹤壁","焦作","濮阳","济源"], ["贵阳市","遵义市","安顺","六盘水","铜仁","凯里"]]; function selectedProvice(){ var provice=document.getElementById("provice"); var index=provice.selectedIndex; var citys=arr[index]; var city=document.getElementById("city"); city.length=0; for (var c in citys){ var test=document.createElement("option"); test.innerHTML=citys[c]; city.appendChild(test); } } </script> </head> <body> <select name="" id="provice" onchange="selectedProvice()"> <option value="" >请选择省份</option> <option value="" >北京</option> <option value="" >广东</option> <option value="" >河南</option> <option value="" >贵州</option> </select> <select name="" id="city"> <option value="" >请选择市级</option> </select> </body> </html>
相关文章推荐
- JQuery EasyUI Combobox 实现省市二级联动菜单
- js 省市二级联动菜单thinkphp mysql js
- 省市二级菜单联动
- js 省市二级联动菜单
- ajax(二)之省市二级菜单联动(无sql)
- JS省市二级联动菜单,sky整理收集。
- angularjs实现省市二级菜单(可以选择默认值)
- 基于javascript实现全国省市二级联动下拉选择菜单
- 一个简单的js的省市二级联动菜单(转)
- 省市联动二级菜单
- 一个asp+ACCESS省市二级联动菜单程序
- [js]实现简单的省市二级联动下拉选择菜单
- 基于javascript实现全国省市二级联动下拉选择菜单
- javascript二级省市select联动菜单
- js实现的全国省市二级联动下拉选择菜单完整实例
- JQuery EasyUI Combobox 实现省市二级联动菜单
- ajax(三)之省市二级菜单联动(从sql获取数据),无刷新翻页
- js实现的全国省市二级联动下拉选择菜单完整实例
- JS省市二级联动菜单
- JS省市二级联动网页特效菜单