大家帮忙看哈这个js写的二级联动下拉列表框。。。。 选择省份后城市下拉列表框中没有值。。。
<html><head><title>无标题文档</title><scripttype="text/javascript"language="javascript">va...
<html>
<head>
<title>无标题文档</title>
<script type="text/javascript" language="javascript">
var city[
["南充","成都"],//四川
["南京","苏州"],//江苏
];
function getCity(){
//获得省份和城市下拉列表框的引用
var sltProvince=document.forms["myform"].elements["province"];
var sltCity=document.forms["myform"].elements["City"];
//得到对应省份的城市列表数组
var provinceCity=city[sltProvince.selectedIndex-1];
//将城市下拉列表框清空,仅有第一个提示选项
city.length=1;
//将相应省市的城市填充到城市选择框中
for(var i=0;i<provinceCity.length;i++){
//创建新的Option对象并将其添加到城市下拉列表框中
sltCity[i+1]=new Option(provinceCity[i],pcity[i]);
}
}
</script>
</head>
<body>
<tr>
<td align="right">
Address
</td>
<td >
<select name="province" onChange="getCity()">
<option value="0">请选择你所在的省份(市)</option>
<option value="四川">四川</option>
<option value="江苏">江苏</option>
</select>
<select name="City">
<option value="0">请选择你所在的城市</option>
</select>
</td>
</tr>
</body>
</html> 展开
<head>
<title>无标题文档</title>
<script type="text/javascript" language="javascript">
var city[
["南充","成都"],//四川
["南京","苏州"],//江苏
];
function getCity(){
//获得省份和城市下拉列表框的引用
var sltProvince=document.forms["myform"].elements["province"];
var sltCity=document.forms["myform"].elements["City"];
//得到对应省份的城市列表数组
var provinceCity=city[sltProvince.selectedIndex-1];
//将城市下拉列表框清空,仅有第一个提示选项
city.length=1;
//将相应省市的城市填充到城市选择框中
for(var i=0;i<provinceCity.length;i++){
//创建新的Option对象并将其添加到城市下拉列表框中
sltCity[i+1]=new Option(provinceCity[i],pcity[i]);
}
}
</script>
</head>
<body>
<tr>
<td align="right">
Address
</td>
<td >
<select name="province" onChange="getCity()">
<option value="0">请选择你所在的省份(市)</option>
<option value="四川">四川</option>
<option value="江苏">江苏</option>
</select>
<select name="City">
<option value="0">请选择你所在的城市</option>
</select>
</td>
</tr>
</body>
</html> 展开
1个回答
展开全部
写错的地方不少,能运行的如下,自己可以对比一下哪错误
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<html>
<head>
<title>无标题文档</title>
<script type="text/javascript" language="javascript">
var city = [
["南充","成都"],//四川
["南京","苏州"]//江苏
];
function getCity(){
//获得省份和城市下拉列表框的引用
var sltProvince=document.forms["myform"].elements["province"];
var sltCity=document.forms["myform"].elements["City"];
var sProvinceIndex = sltProvince.selectedIndex;
//将城市下拉列表框清空,仅有第一个提示选项
sltCity.length=1;
if(sProvinceIndex>0){ //选择非 请选择你所在的省份(市) 时才读取对应的城市
//得到对应省份的城市列表数组
var provinceCity=city[sProvinceIndex -1];
//将相应省市的城市填充到城市选择框中
for(var i=0;i<provinceCity.length;i++){
//创建新的Option对象并将其添加到城市下拉列表框中
sltCity[i+1]=new Option(provinceCity[i],i+1);
}
}
}
</script>
</head>
<body>
<form name="myform">
<table>
<tr>
<td align="right">
Address
</td>
<td >
<select name="province" onChange="getCity()">
<option value="0">请选择你所在的省份(市)</option>
<option value="四川">四川</option>
<option value="江苏">江苏</option>
</select>
<select name="City">
<option value="0">请选择你所在的城市</option>
</select>
</td>
</tr>
</table>
</form>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<html>
<head>
<title>无标题文档</title>
<script type="text/javascript" language="javascript">
var city = [
["南充","成都"],//四川
["南京","苏州"]//江苏
];
function getCity(){
//获得省份和城市下拉列表框的引用
var sltProvince=document.forms["myform"].elements["province"];
var sltCity=document.forms["myform"].elements["City"];
var sProvinceIndex = sltProvince.selectedIndex;
//将城市下拉列表框清空,仅有第一个提示选项
sltCity.length=1;
if(sProvinceIndex>0){ //选择非 请选择你所在的省份(市) 时才读取对应的城市
//得到对应省份的城市列表数组
var provinceCity=city[sProvinceIndex -1];
//将相应省市的城市填充到城市选择框中
for(var i=0;i<provinceCity.length;i++){
//创建新的Option对象并将其添加到城市下拉列表框中
sltCity[i+1]=new Option(provinceCity[i],i+1);
}
}
}
</script>
</head>
<body>
<form name="myform">
<table>
<tr>
<td align="right">
Address
</td>
<td >
<select name="province" onChange="getCity()">
<option value="0">请选择你所在的省份(市)</option>
<option value="四川">四川</option>
<option value="江苏">江苏</option>
</select>
<select name="City">
<option value="0">请选择你所在的城市</option>
</select>
</td>
</tr>
</table>
</form>
</body>
</html>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询