就是用javascript写三级联动的时候，老是报错，这个到底哪里错了
html中代码:<body><selectid="selProvince"><option>---请选择-----</option></select><selectid=...
html中代码:
<body>
<select id="selProvince">
<option>---请选择-----</option>
</select>
<select id="selCity">
<option>---请选择-----</option>
</select>
<select id="selCountry">
<option>---请选择-----</option>
</select>
</body>
javascript:
var iNum1;
var aProvince=["河北省","山西省","湖北省"];
var aCity=[["石家庄市","张家口市","承德市","秦皇岛市"],["太原市","荆州市","大同市","阳泉市"],["武汉市","孝感市","宜昌市","襄阳市"]];
var aCountry=[[["无极限","赵县","栾城县"],["沽源县","尚义县","阳原县"],["随时县","搜索县","方法县"],["而非县","发的县","地方县"]],
[["红河县","巨口县","于城县"],["扣扣县","以后县","发家县"],["咯个县","版本县","不忙县"],["理论县","此表县","但是县"]],
[["啊啊限","续保县","巍峨县"],["谔谔县","尚义县","阳原县"],["随时县","搜索县","小写县"],["减减县","请求县","里面县"]]]
$(function(){
for(var i=0;i<aProvince.length;i++){
$("#selProvince").append("<option>"+aProvince[i]+"</option>")
}
$("#selProvince").change(function(){
//发现每次点击的时候内容会叠加，因为先清空一下
$("#selCity").children().not(":eq(0)").remove();
//找到省份那。点击时option的index
//console.log($(this).children("option:selected").index());
iNum1=$(this).children("option:selected").index();
//获得点击省份的index，传递给市
//
var aaCity=aCity[iNum1-1];
for(var j=0;j<aaCity.length;j++){
$("#selCity").append("<option>"+aaCity[j]+"</option>")
}
});
$("#selCity").change(function(){
$("#selCity").children().not(":eq(0)").remove();
iNum2=$(this).children("option:selected").index();
var aaCountry=aCountry[iNum1-1][iNum2-1];
for(var z=0;z<aaCountry.length;z++){
$("#selCounty").append("<optipn>"+aaCountry[z]+"</option>")
}
})
}) 展开
<body>
<select id="selProvince">
<option>---请选择-----</option>
</select>
<select id="selCity">
<option>---请选择-----</option>
</select>
<select id="selCountry">
<option>---请选择-----</option>
</select>
</body>
javascript:
var iNum1;
var aProvince=["河北省","山西省","湖北省"];
var aCity=[["石家庄市","张家口市","承德市","秦皇岛市"],["太原市","荆州市","大同市","阳泉市"],["武汉市","孝感市","宜昌市","襄阳市"]];
var aCountry=[[["无极限","赵县","栾城县"],["沽源县","尚义县","阳原县"],["随时县","搜索县","方法县"],["而非县","发的县","地方县"]],
[["红河县","巨口县","于城县"],["扣扣县","以后县","发家县"],["咯个县","版本县","不忙县"],["理论县","此表县","但是县"]],
[["啊啊限","续保县","巍峨县"],["谔谔县","尚义县","阳原县"],["随时县","搜索县","小写县"],["减减县","请求县","里面县"]]]
$(function(){
for(var i=0;i<aProvince.length;i++){
$("#selProvince").append("<option>"+aProvince[i]+"</option>")
}
$("#selProvince").change(function(){
//发现每次点击的时候内容会叠加，因为先清空一下
$("#selCity").children().not(":eq(0)").remove();
//找到省份那。点击时option的index
//console.log($(this).children("option:selected").index());
iNum1=$(this).children("option:selected").index();
//获得点击省份的index，传递给市
//
var aaCity=aCity[iNum1-1];
for(var j=0;j<aaCity.length;j++){
$("#selCity").append("<option>"+aaCity[j]+"</option>")
}
});
$("#selCity").change(function(){
$("#selCity").children().not(":eq(0)").remove();
iNum2=$(this).children("option:selected").index();
var aaCountry=aCountry[iNum1-1][iNum2-1];
for(var z=0;z<aaCountry.length;z++){
$("#selCounty").append("<optipn>"+aaCountry[z]+"</option>")
}
})
}) 展开
展开全部
还有几处错误，完整代码如下（注意修改jquery引用）：
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Test</title>
<style>
</style>
</head>
<body>
<select id="selProvince">
<option>---请选择-----</option>
</select>
<select id="selCity">
<option>---请选择-----</option>
</select>
<select id="selCountry">
<option>---请选择-----</option>
</select>
<script type="text/javascript" src="./js/jquery.js"></script>
<script>
var iNum1;
var aProvince=["河北省","山西省","湖北省"];
var aCity=[["石家庄市","张家口市","承德市","秦皇岛市"],["太原市","荆州市","大同市","阳泉市"],["武汉市","孝感市","宜昌市","襄阳市"]];
var aCountry=[[["无极限","赵县","栾城县"],["沽源县","尚义县","阳原县"],["随时县","搜索县","方法县"],["而非县","发的县","地方县"]],
[["红河县","巨口县","于城县"],["扣扣县","以后县","发家县"],["咯个县","版本县","不忙县"],["理论县","此表县","但是县"]],
[["啊啊限","续保县","巍峨县"],["谔谔县","尚义县","阳原县"],["随时县","搜索县","小写县"],["减减县","请求县","里面县"]]];
$(function(){
for(var i=0;i<aProvince.length;i++){
$("#selProvince").append("<option>"+aProvince[i]+"</option>")
}
$("#selProvince").change(function(){
//发现每次点击的时候内容会叠加，因为先清空一下
$("#selCity").children().not(":eq(0)").remove();
//找到省份那。点击时option的index
//console.log($(this).children("option:selected").index());
iNum1=$(this).children("option").index($(this).children("option:selected"));
//获得点击省份的index，传递给市
//
var aaCity=aCity[iNum1-1];
for(var j=0;j<aaCity.length;j++){
$("#selCity").append("<option>"+aaCity[j]+"</option>")
}
});
$("#selCity").change(function(){
$("#selCountry").children().not(":eq(0)").remove();
iNum2=$(this).children("option").index($(this).children("option:selected"));
var aaCountry=aCountry[iNum1-1][iNum2-1];
for(var z=0;z<aaCountry.length;z++){
$("#selCountry").append("<option>"+aaCountry[z]+"</option>")
}
})
});
</script>
</body>
</html>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
