jQuery---级联菜单

最新推荐文章于 2023-05-27 23:48:40 发布

Ianane

最新推荐文章于 2023-05-27 23:48:40 发布

阅读量711

点赞数 1

文章标签： webview javascript html

本文链接：https://blog.csdn.net/m0_58889260/article/details/121728492

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
省份<select name="" id="province"></select>
市区<select name="" id="city"></select>
<script type="text/javascript" src="../js/jquery-1.8.3.js"></script>
<script type="text/javascript">
    var provinces = ["河南", "湖北", "湖南"];
    var city = [["郑州", "洛阳", "开封"], ["武汉", "荆门", "襄阳"], ["长沙", "衡阳", "岳阳"]];
    $(function () {

        for (var i = 0; i < provinces.length; i++) {
            $("#province").append($("<option>").val(i).html(provinces[i]))
        }
        $("#province").change(function () {
            $("#city").empty();
            for (var i = 0; i < city[$(this).val()].length; i++) {
                $("#city").append($("<option>").html(city[$(this).val()][i]))
            }
        })
        $("#province").change()
    })
</script>
</body>
</html>

Ianane

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery---级联菜单

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body>省份<select name="" id="province"></select>市区<select name="" id="city"></select&.
复制链接

扫一扫