一种基于Javascript的XML设置级联菜单的方法技术

本发明专利技术涉及Web开发技术领域，具涉及一种基于Javascript的XML设置级联菜单的方法。本发明专利技术所述的方法是利用Javascrip对xml对象数据进行解析，获取Web前端的第一级菜单，并查找对应的第二级菜单节点；然后创建option节点添加到第二级的select节点中。本发明专利技术方法操作简单,解决了Web前端的级联数据联动显示问题；适用于不同版本的浏览器，尤其适用于JavaScript开发的Web领域。

A method of setting up cascading menus based on Javascript XML

The invention relates to the field of Web development technology, and relates to a method for setting up cascading menus based on Javascript XML. The method described in the present invention is to use Javascrip to parse the XML object data, obtain the first level menu of the Web front end, and find the corresponding second level menu nodes; then create the option node to add to the select node of the second level. The method of the invention has simple operation and solves the cascade data linkage display problem of the Web front end; it is suitable for different versions of the browser and is especially suitable for the Web field of JavaScript development.

【技术实现步骤摘要】
一种基于Javascript的XML设置级联菜单的方法
本专利技术涉及Web开发
，具涉及一种基于Javascript的XML设置级联菜单的方法。
技术介绍
目前，各种Web网页或软件往往通过用户操作界面中一个固定尺寸的菜单界面向用户呈现相关信息。当呈现信息的内容长度超出菜单界面的尺寸时，为了显示出完整的信息内容，现有的各种Web网页或软件通常采用添加滚动条或打开级联式菜单的方式加以解决。所谓级联式选择菜单，即是在用户操作界面中采用多级内容显示的菜单选择模式。
技术实现思路
本专利技术解决的技术问题在于提供一种基于Javascript的XML设置级联菜单的方法。,解决了Web前端的级联数据联动显示问题。本专利技术解决上述技术问题的技术方案是：所述的方法是利用Javascrip对xml对象数据进行解析，获取Web前端的第一级菜单，并查找对应的第二级菜单节点；然后创建option节点添加到第二级的select节点中。所述的方法具体包括以下几个步骤：步骤1:利用Javascrip对xml对象数据进行解析；步骤2:利用Javascrip根据用户点击获取Web前端的第一级菜单；步骤3:根据前端第一级菜单参数去XML文档中查找获取对应的第二级菜单节点；步骤4:利用第一步获取的第二级菜单节点在Web页面创建option节点；步骤5:把创建好的option节点添加到第二级的select节点中，从而在Web页面展示第二级菜单节点值。所述的步骤1中，通过XMLDOM加载解析XML文件。所述的步骤2中，利用Javascrip根据document.getElementById获取Web前端的第一级菜单节点值。所述的步骤3中，根据前端第一级菜单节点值去XML文档中根据使用xmlDocument.selectSingleNode与getElementsByTagName(xPath)的方法对节点进行访问,直接通过xPath查找获取相对应的第二级菜单节点。所述的步骤4中，利用第一步获取的第二级菜单节点参数根据document.createElement("option")在Web页面创建option节点。所述的步骤5中，把创建好的option节点根据appendChild添加到第二级的select节点中，从而在Web页面展示第二级菜单节点值。本专利技术的方法与JavaScript的交互更加方便，更容易解析处理，操作简单；解决了Web前端的级联数据联动显示问题。适用于不同版本的浏览器，尤其适用于JavaSc适用于不同版本的浏览器，附图说明下面结合附图对本专利技术进一步说明：图1为本专利技术的方法流程图。具体实施方式见图1所示，本专利技术一种基于Javascript的XML设置级联菜单的方法，具体包含以下几个步骤：步骤1：利用Javascrip对XML对象数据进行解析，需要加载这个XML文件,Javascrip中通过通过XMLDOM加载解析XML文件；步骤2：利用Javascrip根据document.getElementById获取Web前端的第一级菜单节点值；步骤3：根据前端第一级菜单节点值去XML文档中根据使用xmlDocument.selectSingleNode与getElementsByTagName(xPath)的方法对节点进行访问,可以直接通过xPath查找获取相对应的第二级菜单节点；步骤4：利用第一步获取的第二级菜单节点参数根据document.createElement("option")在Web页面创建option节点；步骤5：把创建好的option节点根据appendChild添加到第二级的select节点中，从而在Web页面展示第二级菜单节点值。本文档来自技高网...

【技术保护点】
1.一种基于Javascript的XML设置级联菜单的方法，其特征在于：所述的方法是利用Javascrip对xml对象数据进行解析，获取Web前端的第一级菜单，并查找对应的第二级菜单节点；然后创建option节点添加到第二级的select节点中。

【技术特征摘要】
1.一种基于Javascript的XML设置级联菜单的方法，其特征在于：所述的方法是利用Javascrip对xml对象数据进行解析，获取Web前端的第一级菜单，并查找对应的第二级菜单节点；然后创建option节点添加到第二级的select节点中。2.根据权利要求1所述的方法，其特征在于：所述的方法具体包括以下几个步骤：步骤1:利用Javascrip对xml对象数据进行解析；步骤2:利用Javascrip根据用户点击获取Web前端的第一级菜单；步骤3:根据前端第一级菜单参数去XML文档中查找获取对应的第二级菜单节点；步骤4:利用第一步获取的第二级菜单节点在Web页面创建option节点；步骤5:把创建好的option节点添加到第二级的select节点中，从而在Web页面展示第二级菜单节点值。3.根据权利要求2所述的方法，其特征在于:所述的步骤1中，通过XMLDOM加载解析XML文件。4.根据权利要求2...

【专利技术属性】
技术研发人员：何龙泉，季统凯，张远世，庞毅，齐兆勇，关班记，黄博，
申请(专利权)人：国云科技股份有限公司，
类型：发明
国别省市：广东,44