省市联动

最新推荐文章于 2024-07-08 16:22:29 发布

a13810750905

最新推荐文章于 2024-07-08 16:22:29 发布

阅读量76

点赞数

文章标签： xhtml javascript ViewUI

原文链接：http://www.cnblogs.com/xiaoyongit520/p/4131849.html

版权

<!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)

转载于:https://www.cnblogs.com/xiaoyongit520/p/4131849.html

a13810750905

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
省市联动

<!DOCTYPEhtml><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title></titl...
复制链接

扫一扫