省市联动

最新推荐文章于 2023-08-03 09:30:38 发布

gh323093

最新推荐文章于 2023-08-03 09:30:38 发布

阅读量125

点赞数

分类专栏： Web前端

本文链接：https://blog.csdn.net/gh323093/article/details/78534076

版权

Web前端专栏收录该内容

56 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../jquery-1.11.1/jquery-2.1.0.js"></script>
    <script>
        $(function () {
            var shengfen = [["邯郸", "仓州"], ["安阳", "洛阳"]];
            $("#pro").change(function () {
                //清空上次
                $("#cityx").siblings().remove();
                var sheng = $(this).val();
                for (var i=0;i<shengfen[sheng].length;i++){
                    var $o = $("<option></option>");
                    $o.html(shengfen[sheng][i]);
                    $("#city").append($o);
                }
            })
        });
    </script>
</head>
<body>
<form>
    <select id="pro">
        <option>--请选择--</option>
        <option value="0">河北省</option>
        <option value="1">河南省</option>
    </select>
    <select id="city">
        <option id="cityx">--请选择--</option>
    </select>
</form>
</body>
</html>

gh323093

关注

0
点赞
踩
0

收藏

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

html>html lang="en">head> meta charset="UTF-8"> title>Titletitle> script src="../jquery-1.11.1/jquery-2.1.0.js">script> script> $(function () { var shengfen = [["
复制链接

扫一扫