juqery,网页打开时无法正常显示,审查元素出现Uncaught TypeError:Cannot read property 'length'of undefined,这怎么解决

图片说明

这是我敲出来的代码:

<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
            select{
                padding: 5px;
                width: 150px;
            }
        </style>
</head>
<body>
<select  id="province" >
            <option value="" >请选择</option>
        </select>

        <select  id="city" >
            <option value=""  id="1">请选择</option>
        </select>

        <select  id="area" >
            <option value="" >请选择</option>
        </select>


        <script src="js/jquery-3.5.1.min.js"></script>
        <script>
            var provData;
            var cityData;
            var areaData;



            $.ajax({
                type:"get",
                url:"address.json",
                async:false,
            dataType:"json",
            success:function(data){
                provData = data;
            }
        }); 

        function processAddress(selectData,selectELe){

            selectELe.nextAll("select").addBack().empty().hide();

            if(selectData.length<=0){
            return;
            }   
            selectELe.show();

            $.each(selectData, function(index,item) {
                if(item.name){
                    $("<option>").html(item.name).val(index).appendTo(selectELe);
                }else{
                    $("<option>").html(item).val(index).appendTo(selectELe);
                }
            });
            selectELe.trigger("change");
        }

        $("#province").change(function(){
            var val=$(this).val();
            cityData=provData[val].child;
            processAddress(cityData,$(this).next("select"));
        });

        $("#city").change(function(){
            var val=$(this).val();
            areaData=cityData[val].child;
            processAddress(areaData,$(this).next("select"));
        });

        processAddress(provData,$("#province"));
        </script>
</body>
</html>

这个引用的address.json文件的一部分,HBuilder运行没事
图片说明
请问下要怎么解决?
图片说明

1个回答

看报错信息 , 无法从undefined中读取length属性 ; 由于跨域请求失败 , 导致你定义的provData没有初始化 还是undefined的 ;

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问