`
menjoy
  • 浏览: 422029 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

利用xml实现多级关联下拉选择框

阅读更多



<script>
var arrSel=["year","month","date","clock"];//arrSel定义了要修改的下拉框和xml数据的节点名称
</script>

<!---->

<script>
function qswhXml(num){
/******* by qiushuiwuhen(2002-5-17) ********/
 var i,j,arrTemp=[];
 for(i=0;i<num;i++)arrtemp[i]=document.all(arrsel[i]).options[document.all(arrsel[i]).selectedindex].text<br> if(num==arrSel.length){//这里处理最后的数据。
  document.all("result").value="选中了("+arrTemp+")";return;
 }
 with(document.all(arrSel[num])){
  length=0
  var obj=document.all.xmldata.XMLDocument.childNodes[0];
  for(i=0;i<num;i++)obj=obj.selectsinglenode(arrsel[i]+'[@value="'+arrtemp[i]+'"]');<br>  for(i=0;i<obj.childnodes.length;i++)options[length++].text=obj.childnodes[i].getattribute("value");<br>  onchange=new Function("qswhXml("+(num+1)+")");
  onchange();
 }
}
qswhXml(0);
</script>



 

分享到:
评论

相关推荐

    多级联动下拉选择框,动态获取下一级

    综上所述,实现多级联动下拉选择框在ASP.NET中主要涉及服务器控件的使用、数据绑定、级联数据源、XML数据解析以及客户端脚本的协同工作。通过这些技术,我们可以构建出高效且用户体验良好的多级选择系统。在实际项目...

    多款多级联动下拉菜单打包!必有一款适合你!

    这些资源包可以提供不同层次和技术实现的多级联动下拉菜单,开发者可以根据自己的需求和项目技术栈选择合适的一款进行使用或参考学习。通过这些实例,可以学习到如何用AJAX实现动态加载、如何利用PHP处理服务器端...

    简单的多级垂直手风琴下拉列表菜单

    在IT界,构建用户友好的交互界面是至关重要的,而多级垂直手风琴下拉列表菜单就是一个很好的实现方式。这种菜单设计适用于导航栏或侧边栏,它可以帮助用户高效地浏览并访问多层次的网站内容。本文将深入探讨如何利用...

    Android多级下拉列表菜单

    在Android应用开发中,创建一个类似大众点评或美团的多级下拉列表菜单是一项常见的需求。这样的功能可以方便用户在导航或筛选时快速选择不同层级的分类。在本项目中,开发者实现了一个可复用的组件,名为...

    全国省市县无刷新多级关联菜单 JS+HTML

    全国省市县无刷新多级关联菜单是一种常见的前端交互设计,主要应用于网页上的下拉选择框,使得用户在选择地址或分类时能快速、便捷地找到所需信息,无需跳转页面或者进行多次点击。这种菜单利用JavaScript和HTML技术...

    Select-下拉列表多级联动

    在网页设计和开发中,"下拉列表多级联动"是一种常见的交互功能,它使得用户在选择一个选项时,相关的下拉列表会自动更新以显示与前一个选择相关的选项。这种技术增强了用户体验,减少了用户在多个菜单之间切换的麻烦...

    ajax实现多级下拉列表 选省后出现相应的市

    本文将详细讲解如何使用AJAX技术来实现一个动态加载的多级下拉列表,即用户在选择省份后,下拉列表自动更新为对应省份的城市。 首先,我们需要了解AJAX(Asynchronous JavaScript and XML)的基本概念。AJAX允许...

    javascript多级下拉菜单插件

    在实现多级下拉菜单的过程中,以下是一些关键知识点: 1. **DOM操作**:Document Object Model(DOM)是HTML和XML文档的结构化表示,JavaScript通过DOM API可以访问和修改文档内容。在多级下拉菜单中,我们需要遍历...

    手动样式仿select下拉列表框

    手动仿制的下拉列表框可以解决这个问题,让开发者能够自定义颜色、字体、边框、背景、过渡效果等视觉元素,甚至可以添加复杂的交互效果,如动画、多级菜单等。 实现这个功能的核心技术主要包括以下几个方面: 1. *...

    js 联动多级下拉菜单

    在项目中,`linkageSel.20100826`可能是一个示例代码文件,包含了实现联动多级下拉菜单的具体实现。通过分析这个文件,你可以更深入地理解上述概念并学习到实际的代码实现。在实际开发中,也可以使用现成的库,如...

    struts2的动态多级联下拉菜单

    在实现动态多级联下拉菜单时,我们通常会创建一个Action类来处理用户的每次选择,并更新相应的下拉列表。 Dojo是一个JavaScript库,特别适合于构建富客户端应用。在Struts2中,我们可以利用Dojo的`dijit.form....

    下拉列表框的7级联动

    总结,"下拉列表框的7级联动"是一种高效且实用的前端技术,通过合理的数据结构和前端逻辑,可以实现多级筛选和导航。理解其工作原理和实现方式,对于提升Web应用的交互性和用户体验具有重要意义。

    CascadingDropDown自制的操作下拉列表框

    总结来说,`CascadingDropDown`自制的操作下拉列表框结合了jQuery的事件处理和AJAX的异步特性,为用户提供了一种流畅、交互性强的多级选择体验。通过理解和应用这些技术,开发者能够构建更灵活、响应更快的Web应用...

    省市区下拉列表框显示出来,包含数据库

    在IT开发中,尤其是构建网页应用时,常常需要实现用户界面中的联动选择功能,例如省市区下拉列表框。这个场景通常涉及到前端交互和后端数据处理,标题和描述所提及的“省市区下拉列表框显示出来,包含数据库”正是...

    ajax dwr 框架实现二级联动下拉列表源码

    总结来说,利用Ajax和DWR框架实现的二级联动下拉列表,使得用户可以在不刷新页面的情况下完成多级选择,提升了用户体验。同时,DWR的使用简化了前后端交互的复杂性,使得开发更为高效。通过阅读和理解提供的源代码,...

    AJAX+ASP.NET 多级无刷新下拉列表菜单

    **多级下拉列表菜单** 在网页上,下拉列表菜单通常用于提供层次结构的选择,如国家-省份-城市等。在传统的实现方式中,选择一个层级后,需要刷新整个页面来显示下一级别的选项。使用AJAX,我们可以实现无刷新切换,...

    JavaScript王者归来part.1 总数2

     12.8.2 如何使用XML DOM--一个利用XML实现多级关联下拉选择框的例子   12.9 总结   第13章 事件处理  13.1 什么是事件   13.1.1 消息与事件响应   13.1.2 浏览器的事件驱动机制   13.2 基本事件处理  ...

    android studio,demo,Spinner下拉菜单多选的实现

    在Android开发中,Spinner是一个非常常见的控件,它通常用于展示一个下拉列表供用户选择。本教程将详细讲解如何在Android Studio 3.0.1环境下实现Spinner的多选功能,这对于创建交互式用户界面非常有用。 首先,...

    ICallbackEventHandler接口实现多级联动

    通过以上步骤,我们就可以利用`ICallbackEventHandler`接口实现多级联动的功能,而无需每次选择后都重新加载整个页面。这种技术提高了Web应用的性能和用户体验,特别是在处理大量数据或复杂交互时。

Global site tag (gtag.js) - Google Analytics