海阔天空

当前时间为:
欢迎大家来到海阔天空https://www.9713job.com,广告合作以及淘宝商家推广请微信联系15357240395

2020javaweb教程之jQuery省市级联

未分类
2020-11-21 16:27:03
1822677238@qq.com

手机扫码查看

2020javaweb教程之jQuery省市级联

2020javaweb教程之jQuery省市级联

<select name="" id="a">
    <option value="0">请选择</option>
</select>
<select name="" id="b">
    <option value="0">请选择</option>
</select>
<script>
    $(function(){
        var arr=new Array();
        arr["河北省"]=["保定","石家庄","张家口"];
        arr["四川省"]=["成都","绵阳","乐山"];
        arr["山东省"]=["济南","青岛","烟台","泰安"];
        for(var key in arr){
            $("#a").append("<option value='"+key+"'>"+key+"</option>")
        }
        $("#a").change(function(){
            $("#b").empty();
            $("#b").append("<option value=\"0\">请选择</option>");
            var values=arr[$(this).val()];
            for(var i in values){
                $("#b").append("<option value='"+values[i]+"'>"+values[i]+"</option>")
            }
        })
    })
</script>



发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注