请问简单的省市二级联动有关问题
日期：2014-05-16 浏览次数：20376 次
请教简单的省市二级联动问题
<script>
function dochage()
{
var a["四川"]=["遂宁","成都"];
var a["山西"]=["太原","开封"];
var x=document.getElementById("selp");
var indexKey=x.value;
var c=document.getElementById("selc");
for(var k=0;k<a[indexKey].Length;k++)
c.options.add(new Option(a[indexKey][k],a[indexKey][k]));
}
</script>
<form id="form1" name="form1" method="post" action="">
地址:
<select id="selp" name="selp" onchange="dochage();">
<option value="四川" >四川</option>
<option value="山西">山西</option>
</select>
省
<select id="selc" name="selc">
</select>
</form>
求各位帮忙看看，到底哪里错了，一直实现不了省市的二级联动。
------解决方案--------------------
<script>
function dochage(elem) {
var a = new Array();
a["四川"] = ["遂宁","成都" ];
a["山西"] = ["太原","开封"];
var indexKey = elem.value;
var c = document.getElementById("selc");
c.options.length=0;
for ( var k = 0; a[indexKey][k] != null; k++)
c.options.add(new Option(a[indexKey][k], a[indexKey][k]));
}
</script>
<form id="form1" name="form1" method="post" action="">
地址:
<select id="selp" name="selp" onchange="dochage(this)">
<option value="四川" >四川</option>
<option value="山西">山西</option>
</select>
省
<select id="selc" name="selc"></select>
</form>
------解决方案--------------------
<script>
function dochage()
{
var a["四川"]=["遂宁","成都"];
var a["山西"]=["太原","开封"];
var x=document.getElementById("selp");
var indexKey=x.value;
var c=document.getElementById("selc");
for(var k=0;k<a[indexKey].Length;k++)
c.options.add(new Option(a[indexKey][k],a[indexKey][k]));
}
</script>
<form id="form1" name="form1" method="post" action="">
地址:
<select id="selp" name="selp" onchange="dochage();">
<option value="四川" >四川</option>
<option value="山西">山西</option>
</select>
省
<select id="selc" name="selc">
</select>
</form>
求各位帮忙看看，到底哪里错了，一直实现不了省市的二级联动。
select
函数
------解决方案--------------------
<script>
function dochage(elem) {
var a = new Array();
a["四川"] = ["遂宁","成都" ];
a["山西"] = ["太原","开封"];
var indexKey = elem.value;
var c = document.getElementById("selc");
c.options.length=0;
for ( var k = 0; a[indexKey][k] != null; k++)
c.options.add(new Option(a[indexKey][k], a[indexKey][k]));
}
</script>
<form id="form1" name="form1" method="post" action="">
地址:
<select id="selp" name="selp" onchange="dochage(this)">
<option value="四川" >四川</option>
<option value="山西">山西</option>
</select>
省
<select id="selc" name="selc"></select>
</form>
------解决方案--------------------
<!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 runat="server">
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
