XML+JS三级联动问题
本人是菜鸟,在网上找了一段省市级联的代码,但是只能关联省和市,谁帮我在下面的代码中改改,要实现可以关联区/县的..若代码能用上,我再奉分..<%@PageLanguage...
本人是菜鸟, 在网上找了一段省市级联的代码,但是只能关联省和市,谁帮我在下面的代码中改改,要实现可以关联区/县的..若代码能用上,我再奉分..
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!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 id="Head1" runat="server">
<title>Untitled Page</title>
<script type="text/javascript">
var oSelProvince;
var oSelCity;
function LD()
{
var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.loadXML("<?xml version='1.0' encoding='utf-8' ?> <China><province Name='湖南'><city>长沙</city><city>湘潭</city><city>株洲</city><city>衡阳</city><city>湘西</city></province><province Name='广东'><city>广州</city><city>深圳</city>清远</city><city>东莞</city><city>中山</city><city>潮州</city><city>揭阳</city><city>云浮</city></province></China>");
//xmlDoc.load(@"XML/info.xml");
xmlDoc.async = false;
var root = xmlDoc.documentElement;
oSelProvince = document.getElementById('selProvince');
var oEmptyOption = document.createElement('option');
oSelProvince.options.add(oEmptyOption);
oEmptyOption.innerText = '';
for(i=0;i<root.childNodes.length;i++)
{
var province = xmlDoc.getElementsByTagName('province')[i].getAttribute('Name');
var oOption = document.createElement('option');
oSelProvince.options.add(oOption);
oOption.innerText = province;
}
oSelProvince.onchange = function()
{
var province = oSelProvince.options[oSelProvince.selectedIndex].text;
var node = xmlDoc.selectSingleNode("China/province[@Name='"+province+"']");
var oSelCity = document.getElementById('selCity');
oSelCity.length = 0;
for(i=0; i<node.childNodes.length; i++)
{
var oOption = document.createElement('option');
oSelCity.options.add(oOption);
oOption.innerText = node.childNodes[i].text;
}
}
}
</script>
</head>
<body onload="LD()">
<form id="form1" runat="server">
<div>
<select id="selProvince"></select>
省<select id="selCity"></select>
市</div>
</form>
</body>
</html>
一楼的朋友发的地址里面的代码我用不上..我希望有谁可以帮我在我的代码中改,能达到实现区/县关联 展开
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!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 id="Head1" runat="server">
<title>Untitled Page</title>
<script type="text/javascript">
var oSelProvince;
var oSelCity;
function LD()
{
var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.loadXML("<?xml version='1.0' encoding='utf-8' ?> <China><province Name='湖南'><city>长沙</city><city>湘潭</city><city>株洲</city><city>衡阳</city><city>湘西</city></province><province Name='广东'><city>广州</city><city>深圳</city>清远</city><city>东莞</city><city>中山</city><city>潮州</city><city>揭阳</city><city>云浮</city></province></China>");
//xmlDoc.load(@"XML/info.xml");
xmlDoc.async = false;
var root = xmlDoc.documentElement;
oSelProvince = document.getElementById('selProvince');
var oEmptyOption = document.createElement('option');
oSelProvince.options.add(oEmptyOption);
oEmptyOption.innerText = '';
for(i=0;i<root.childNodes.length;i++)
{
var province = xmlDoc.getElementsByTagName('province')[i].getAttribute('Name');
var oOption = document.createElement('option');
oSelProvince.options.add(oOption);
oOption.innerText = province;
}
oSelProvince.onchange = function()
{
var province = oSelProvince.options[oSelProvince.selectedIndex].text;
var node = xmlDoc.selectSingleNode("China/province[@Name='"+province+"']");
var oSelCity = document.getElementById('selCity');
oSelCity.length = 0;
for(i=0; i<node.childNodes.length; i++)
{
var oOption = document.createElement('option');
oSelCity.options.add(oOption);
oOption.innerText = node.childNodes[i].text;
}
}
}
</script>
</head>
<body onload="LD()">
<form id="form1" runat="server">
<div>
<select id="selProvince"></select>
省<select id="selCity"></select>
市</div>
</form>
</body>
</html>
一楼的朋友发的地址里面的代码我用不上..我希望有谁可以帮我在我的代码中改,能达到实现区/县关联 展开
3个回答
2011-01-21
展开全部
这里有一个多级联动下拉select菜单
还可以自己设置默认显示值
里面有代码可以参考
还可以自己设置默认显示值
里面有代码可以参考
参考资料: http://www.blueidea.com/common/shoutbox/redir.asp?1=u&id=11685
Storm代理
2023-08-29 广告
2023-08-29 广告
"StormProxies是全球大数据IP资源服务商,其住宅代理网络由真实的家庭住宅IP组成,可为企业或个人提供满足各种场景的代理产品。点击免费测试(注册即送1G流量)StormProxies有哪些优势?1、IP+端口提取形式,不限带宽,I...
点击进入详情页
本回答由Storm代理提供
展开全部
代码问题
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
你这个很麻烦饿 - -
new ActiveXObject("Microsoft.XMLDOM");
这个是IE特有的,而且写法好像比较老了
我建议你还是重新找个吧
new ActiveXObject("Microsoft.XMLDOM");
这个是IE特有的,而且写法好像比较老了
我建议你还是重新找个吧
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询