您的位置：首页 > Web前端 > JavaScript

JavaScript下拉列表的二级联动

2016-03-18 21:16 483 查看

<!DOCTYPE html>

<html>

<head lang="en">

    <meta charset="UTF-8">

    <title>下拉列表二级联动</title>

    <script>

        var city=[

            ["南充","绵阳","成都"],

            ["沈阳","大连","铁岭"],

            ["保定","廊坊","唐山"],

            ["广州","东莞","潮州"]

        ];

        function getCity(){

            var p=document.getElementById("prov");

            var c=document.getElementById("city");

            var PC=city[p.selectedIndex-1];

            c.length=1;

            for(var i=0;i<PC.length;i++){

                c[i+1]=new Option(PC[i],PC[i]);

            }

        }

    </script>

</head>

<body>

<form>

    <select name="province" id="prov" onchange="getCity()">

        <option value="0">请选择所在省份</option>

        <option value="四川省">四川省</option>

        <option value="辽宁省">辽宁省</option>

        <option value="河北省">河北省</option>

        <option value="广东省">广东省</option>

    </select>

    <select id="city" name="city">

        <option value="0">请选择所在城市</option>

    </select>

</form>

<script>

</script>

</body>

</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航