摘要：<script type="text/javascript">     $(function () {         $.getJSON('1.json',function (data)&n

<script type="text/javascript">
    $(function () {
        $.getJSON('1.json',function (data) {
            var option = '<option value="">選擇 省</option>';
            $.each(data,function (i) {
                option  +='<option value="'+data[i].proId+'">'+data[i].proName+'</option>';
            });
            $("#pro").html(option);
        });

        $('#pro').change(function(){
            $.getJSON('2.json',function (data) {
                var option = '<option value="">選擇 市</option>';
                $.each(data,function (i) {
                    if(data[i].proId ==$("#pro").val){
                        option  +='<option value="'+data[i].cityId+'">'+data[i].cityName+'</option>';
                    }
                });
                $("#city").html(option);
            });
        });

        $('#city').change(function(){
            $.getJSON('3.json',function(data){
                let option = '<option value="">選擇 縣</option>';
                $.each(data,function(i){
                    if (data[i].cityId == $('#city').val()) {
                        option += '<option value="'+data[i].areaId+'">'+data[i].areaName+'</option>';
                    }
                });
                $('#area').html(option);
            });
        });
        
    })
</script>

批改老師：查無(wú)此人批改時(shí)間：2019-05-23 13:21:41
老師總結(jié)：完成的不錯(cuò)。ajax很好用，頁(yè)面不刷新，就可以更改數(shù)據(jù)。繼續(xù)加油。