XML Volume Practical Tips (4): Menu Linkage

Motivation:
Now let's do a small example of applying XML in IE: solving the linkage problem of double drop-down menus. Perhaps the most common example is to select a province and then change the city options, so let's try to use XML to complete it.

I have implemented some of the functions introduced before directly using XML+XSL files. You may not be very familiar with its usage, so I will use HMTL+XML this time, hoping to make everyone more familiar with it. Clear understanding - "XML can be so simple!":)

Materials:
XML Volume Select Menu Linkage
There are 2 files: Citys.xml and CitySelect.htm

Function:
After selecting a province, the corresponding city can be automatically displayed, which is convenient for users, effectively improves data interaction, and makes your page more colorful.
Effect:
Browse here
Code:

Citys.xml    九江 南昌 庐山 景德镇   北京西 居庸关 清华园 周口店   福州 厦门 漳州   兰州 洛门 嘉峪关   广州 深圳 东莞 石牌   合肥 黄山 九龙岗 马鞍山  

CitySelect.htm

Custom function: ChooseState
(Read the province in XML data name and added to SelState's drop-down list)

function ChooseState() { var source; var sourceName = "Citys.xml"; var source = new ActiveXObject('Microsoft.XMLDOM'); //创建一个 MSXML解析器实例 source.async = false; source.load(sourceName); //装入XML文档 root = source.documentElement; //设置文档元素为根节点元素 sortField=root.selectNodes("//@name"); //搜索属性中含有name的所有节点 for(var i=0;i
        

         Copy after login
        
       

Custom function: ChooseCity
(Read the corresponding city in the XML data based on the currently selected province name name and added to SelCity's drop-down list)

function ChooseCity() { x=form1.SelState.selectedIndex; //读取省份下拉框的当前选项 y=form1.SelState.options[x].value; sortField=root.selectNodes("//State[@name='"+y+"']/City&q uot;); //搜索name属性值等于 参数y的State节点下的所有city节点 for(var i=form1.SelCity.options.length-1;i>=0;--i) //撤消原来的列表项 { form1.SelCity.options.remove(i) } for(var i=0;i
        

         Copy after login
        
       

Form source code

Postscript:
Just started learning When it comes to XML, I also have the same confusion as everyone else - "I have learned XML, but how should I use this XML?" This problem has hindered me for a long, long time...

Because e-commerce and software development are my expertise, I thought it would be better to start with what I am most familiar with. So I implemented some of the most commonly used functions in website construction in XML. You can do it too!
The above is the practical tips for XML volume (4): menu linkage content. For more related content, please pay attention to the PHP Chinese website (m.sbmmt.com)!