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获 ...
【技术保护点】
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
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。