首页 > 代码库 > 省市联动
省市联动
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script type="text/javascript"> function Start() { var pDatas = [‘请选择省份…‘, ‘广东省‘, ‘湖北省‘, ‘湖南省‘, ‘广西省‘]; initPNodeData(pDatas); } function initPNodeData(pDatas) { var pNodes = document.getElementById(‘pNodes‘); for (var i = 0; i < pDatas.length; i++) { var item = document.createElement(‘option‘);//创建节点 item.innerHTML = pDatas[i]; pNodes.appendChild(item);//添加节点 document.inser } //pNodes.onchange = selectChange; } function selectChange(pNodes) { alert(pNodes.id); var cityDatas = [[‘请选择城市…‘], [‘佛山‘, ‘广州‘, ‘深圳‘, ‘江门‘], [‘武汉‘, ‘孝感‘, ‘应城‘, ‘随州‘, ‘襄樊‘], [‘岳阳‘, ‘长沙‘, ‘衡阳‘, ‘湘潭‘], [‘桂林‘, ‘南宁‘, ‘北海‘]]; var nodes = cityDatas[pNodes.selectedIndex]; var citys = document.getElementById("citys"); //清空 var oldNodes = citys.childNodes; for (var i = 0; i < citys.length;) { citys.removeChild(oldNodes[i]); } for (var i = 0; i < nodes.length; i++) { var item = document.createElement(‘option‘); item.innerHTML = nodes[i]; citys.appendChild(item); } } </script></head><body onload="Start()"> 省份:<select id="pNodes" onchange="selectChange(this)"></select> 城市:<select id="citys"></select></body></html>
来自为知笔记(Wiz)
省市联动
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。