实际卷XML工具包(4):菜单。
现在我们在伊江中使用XML的一个小例子:解决双下拉菜单的问题。您可以做的最常见的事情是选择一个省后更改城市选项的示例,然后我们尝试使用XML来实现它。
我以前介绍过的一些函数是直接由xml + XSL文件完成的。您可能不熟悉它的用法。所以我会用HTML + XML做的这段时间,希望能让你更清楚地了解XML可以如此简单。:)
材料科学uff1a
xml辊的选择
有2个文件:citys.xml和cityselect.htm
uff1a效应
选择省内后,可自动显示相应城市,方便用户有效地改善数据交互,使页面更加丰富多彩。
uff1a效应
浏览这里
代码uff1a
citys.xml
九江市
南昌
庐山
景德镇
北京西部
居庸关
清华园
周口店
福州
厦门
漳州
兰州
洛门
嘉峪关
广州
深圳
东莞
石牌
合肥
黄山
九龙港
马鞍山市
cityselect.htm
自定义功能:choosestate
(阅读本省的名称在XML数据并添加的selstate下拉列表)
choosestate()函数
{
无功电源;
无功sourcename =城市。XML;
无功电源=新的ActiveX对象('microsoft。XMLDOM '); / /创建MSXML解析器实例
source.async = false;
source.load(sourcename); / / XML文档中
根source.documentelement; / /设置文档的元素为根节点元素
(sortfield =根。选择第一个book节点); / /搜索所有节点属性包含名称
对于(var i = 0;i {)
无功ooption = document.createelement('option');
ooption.text = + sortfield {我}文本+ ;
ooption.value = sortfield {我}。文本;
form1.selstate.options.add(ooption);
}
choosecity();
}
自定义功能:choosecity
(根据当前选定的名称对应的阅读在城市名称的XML数据,并在selcity到下拉列表添加)
choosecity()函数
{
x = form1.selstate.selectedindex; / /读省当前选择下拉框
Y = 1。selstate。选项{X}的价值;
sortfield = root.selectnodes( / /状态{ @名称=+ Y +} / cityq uot;); / /名称属性值等于搜索
参数y的状态节点下的所有城市节点
对于(var i = form1.selcity.options.length-1;我> = 0;--我) /撤销列表为原
{
form1.selcity.options.remove(我)
}
对于(var i = 0;i {)
无功ooption = document.createelement('option');
ooption.text = + sortfield {我}文本+ ;
ooption.value = sortfield {我}。文本;
form1.selcity.options.add(ooption);
}
}
形式的源代码
后记:
当我开始学习XML时,我也有和大家一样的困惑——我正在学习XML,但是XML应该在地球上使用什么呢这个问题使我很长一段时间,很长一段时间……
因为开发是我的专长,我想我还是从我最熟悉的方面开始,所以我用XML的方式在网站建设中做一些最常用的功能,你也可以这样做!