cyoeki 2016-09-16 03:48 采纳率: 100%
浏览 1445

JS运行时出错,提示appendChild为空

 <body>
    <h1>省市联动</h1>
    <h3 id="h3"></h3>
    <select name="province" id="p">
        <option>===请选择省份===</option>
    </select>
    <select name="city" id="c">
        <option>===请选择市===</option>
    </select>
</body>
<script type="text/javascript" src="<c:url value='//ajax-lib/ajaxutils.js'/>"></script>
<script type="text/javascript">
      window.onload = function(){
          var xmlHttp = createXMLHttpRequest();
          xmlHttp.open("GET","<c:url value='/ProvinceServlet'/>",true);
        xmlHttp.send(null);
        xmlHttp.onreadystatechange = function(){
            if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
                var text = xmlHttp.responseText;
                var proArray = eval("("+text+")");
                for(var i=0;i<proArray.length;i++){
                    var pro = proArray[i];
                    var option = document.createElement("option");
                    option.value = pro.pid;
                    var node = document.createTextNode(pro.name);


                    option.appendChild(node);
                    //document.write(option.text);
                    document.getElementById("p").appendChild(option);
                }
            }else {
                document.write("!");
            }
        };
      };

  </script>
  • 写回答

3条回答 默认 最新

  • Go 旅城通票 2016-09-16 09:10
    关注

    没有问题，直接模拟你的数据

     <body>
    <h1>省市联动</h1>
    <h3 id="h3"></h3>
    <select name="province" id="p">
        <option>===请选择省份===</option>
    </select>
    <select name="city" id="c">
        <option>===请选择市===</option>
    </select>
</body>
<script type="text/javascript">
    //window.onload = function () {
       // var xmlHttp = createXMLHttpRequest();
       // xmlHttp.open("GET", "<c:url value='/ProvinceServlet'/>", true);
       // xmlHttp.send(null);
      //  xmlHttp.onreadystatechange = function () {
         //   if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
                var text ='[{name:"name1",id:"id1"}]'// xmlHttp.responseText;
                var proArray = eval("(" + text + ")");
                for (var i = 0; i < proArray.length; i++) {
                    var pro = proArray[i];
                    var option = document.createElement("option");
                    option.value = pro.pid;
                    var node = document.createTextNode(pro.name);


                    option.appendChild(node);
                    //document.write(option.text);
                    document.getElementById("p").appendChild(option);
                }
            //} else {
           //     document.write("!");
          //  }
       // };
    //};

</script>
    评论

报告相同问题？

悬赏问题

  • ¥15 DIFY API Endpoint 问题。
  • ¥20 sub地址DHCP问题
  • ¥15 delta降尺度计算的一些细节，有偿
  • ¥15 Arduino红外遥控代码有问题
  • ¥15 数值计算离散正交多项式
  • ¥30 数值计算均差系数编程
  • ¥15 redis-full-check比较 两个集群的数据出错
  • ¥15 Matlab编程问题
  • ¥15 训练的多模态特征融合模型准确度很低怎么办
  • ¥15 kylin启动报错log4j类冲突