首页 > 代码库 > 省份城市联动框
省份城市联动框
document.createElement("标签名");
document.removeChild("去掉某个标签");
document.appendChild("添加标签");
<!DOCTYPE html><html><head> <meta charset="utf-8"> <script type="text/javascript"> function showCitys(){ var allCity = [[],["广州","深圳"],["南宁","桂林","我不住地"]]; var allProvice = document.getElementById("allProvice"); //获取选择的省份 var i = parseInt(allProvice.selectedIndex); //取出这个省份中的城市 var data = allCity[i]; //填入到 var citys = document.getElementById("citys"); citys.options.length = 1; var optionNode = document.createElement("option"); for(var i = 0 ; i < data.length ; i++){ var optionNode = document.createElement("option"); optionNode.innerHTML = data[i]; citys.appendChild(optionNode); } } </script> <title></title></head><body> 省份 <select name="" id="allProvice" onchange="showCitys()"> <option value="">省份</option> <option value="">广东</option> <option value="">广西</option> </select> 城市 <select name="" id="citys" > <option>城市</option> </select> </body></html>
省份城市联动框
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。