<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>
JS运行时出错,提示appendChild为空
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
- 邀请回答
-
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>
解决 无用评论 打赏 举报