<script type="text/javascript">
var where = new Array(9);
function comefrom(loca,locaaddress2) {
this.loca = loca;
this.locaaddress2 = locaaddress2;
}
where[0]= new comefrom("办公费用","办公用品|快递费|办公耗材|登记费");
where[1] = new comefrom("租赁费","上海办公室|海南办公室|宁波办公室|西安办公室|河南办公室");
where[2] = new comefrom("物业水电费","上海物业费|上海水电费|海南物业费|海南水电费|宁波物业费|宁波水电费|西安物业费|西安水电费|河南水电费|河南物业费");
where[3] = new comefrom("社会保险费","三金|公积金|综合保险");
where[4] = new comefrom("交通费","市内交通费");
where[5] = new comefrom("车辆使用费","汽油停车路桥|保养维修费|通行费");
where[6] = new comefrom("差旅费","海南|河南|山东|江苏|浙江|陕西|其他地区");
where[7] = new comefrom("通讯费","固话通讯费|移动通讯费");
where[8] = new comefrom("运输费用","物流费");
where[9] = new comefrom("交际应酬费","午餐费|晚餐费|礼品|其他");
function select() {
with(document.forms[0].categoryFirst) {
var loca2 = options[selectedIndex].value;
//alert("loca2="+loca2);
for(i = 0;i < where.length;i ++) {
if (where[i].loca == loca2) {
loca3 = (where[i].locaaddress2).split("|");
//alert("loca3.length="+loca3.length);
for(j = 0;j < loca3.length;j++) {
with(document.forms[0].categorySecond) {
length = loca3.length;
options[j].text = loca3[j];
options[j].value = loca3[j];
//var loca4=options[selectedIndex].value;
}
}
break;
}
}
}
}
function select2(){
//document.all.type.value=document.all.categoryFirst.value+">>"+document.all.categorySecond.value;
}
function init() {
selectId = 0;
with(document.forms[0].categoryFirst) {
length = where.length;
for(k=0;k<where.length;k++) {
options[k].text = where[k].loca;
options[k].value = where[k].loca;
}
}
with(document.forms[0].categorySecond) {
loca3 = (where[selectId].locaaddress2).split("|");
length = loca3.length;
selectId2 = 0;
for(l=0;l<length;l++) {
options[l].text = loca3[l];
options[l].value = loca3[l];
}
}
}
</script>
<body onload="init()">
类别：
<select name="categoryFirst" onChange="select()"></select>
详细类别：
<select name="categorySecond" onChange="select2()"></select>
</body>
分享到：
相关推荐
ASP.NET中的二级联动Select示例代码，页面使用ashx,js实现联动,并可以获取DropDownList的值。 1.Cascading DropDownList 使用场景 省市联动 部门人员联动 项目模块联动(示例) 使用技术 ...
二级下拉列表联动 select 网页 html5 学院、专业 选择的下拉列表 下载可用！！！
静态二级联动 js 调取数据 带有 option 值
本话题主要关注的是使用jQuery实现的二级联动下拉菜单，这是一种常见的交互设计，常用于网站的筛选或导航功能。下面将详细介绍这种二级联动菜单的实现原理、步骤以及相关的jQuery知识。 首先，联动菜单的基本概念是...
本文实例为大家分享了js实现select二级联动下拉菜单，供大家参考，具体内容如下 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath()...
在网页开发中，"select二级联动"是一种常见的交互设计，用于实现下拉菜单之间的关联选择。这种技术在处理如地区选择、分类导航等场景时尤为适用。在这个实例中，我们看到一个简单的二级联动示例，它由两个下拉菜单...
在ASP中，二级联动和三级联动下拉框是常见的功能，通常用于实现数据的筛选和过滤，例如在地区选择、商品分类等场景。下面将详细讲解如何在ASP中实现这些功能。 ### 二级联动下拉框 二级联动下拉框是指两个下拉框...
在二级联动菜单的场景中，jQuery可以帮助我们更高效地处理用户与<select>元素的交互，如改变第一级菜单时，无需整个页面刷新，仅更新第二级菜单的内容。 接下来，AJAX（Asynchronous JavaScript and XML）是构建...
在提供的`fzzx.zip`压缩包中，包含了一个名为`a.html`的文件，这个文件很可能是用来展示如何实现layui下拉框二级联动的示例代码。打开这个HTML文件，我们可以看到一个包含两个下拉框的页面，第一个下拉框（一级）...
- 当`select1`的选项改变时，触发`onChange`事件，执行`set_list`函数，从而实现二级联动效果。 4. **跳转功能**： - 定义了一个`go`函数，当点击“go”按钮时，根据`select2`当前选中的选项的值，执行页面跳转。...
二级联动通常指的是在一个下拉列表（Select）中选择一个选项后，另一个下拉列表会根据前一个选项的值动态加载相关数据，这种功能在地区选择、分类筛选等场景中非常常见。 本压缩包“帝国CMS二级联动插件(ajax下拉...
在IT行业中，"php+ajax 二级联动"是一种常见的前端交互技术，主要用于构建动态、无刷新的用户界面。这种技术可以提升用户体验，因为用户在选择一个选项时，无需等待整个页面刷新，就能实时看到下级选项的变化。接...
React中，二级联动菜单可能会包含两个`<select>`组件，它们的状态会被React的状态管理机制控制。当一个组件的状态改变时，React会自动重新渲染组件，从而实现菜单内容的动态更新。 此外，为了提高可重用性和易维护...
在IT领域，二级联动是一种常见的交互设计，常用于网页表单中，特别是在选择项关联的情况下。例如，当你选择一个省份时，城市会根据所选省份动态更新。这种效果可以通过JavaScript库，如jQuery，配合JSON数据来实现。...
### 知识点：省市下拉框二级联动完成版（调试通过） #### 一、概述 在Web开发中，为了提供更好的用户体验与交互性，常常需要实现省市等地理位置的二级联动选择功能。所谓的“二级联动”指的是用户在选择了某个地区...
在IT领域，"省市二级联动"是一种常见的前端交互设计，主要应用于地址选择或者地区筛选功能。这个设计使得用户能够方便地从省级到市级进行逐级选择，提高用户体验并减少输入错误。下面将详细阐述这种技术及其相关的...
"两个下拉框联动,二级联动下拉框.png"可能是这个功能的截图，而".url"文件则是一个指向Callie在新浪博客上关于该话题的链接，提供了更多详细信息和示例。 总的来说，HTML二级联动下拉列表框的实现涉及HTML、...
标题中的“省市二级联动代码JS”指的是在网页开发中实现的一种交互功能，它允许用户在选择省份后，自动更新下拉菜单以显示对应省份的城市，从而实现两级联动的效果。这种功能通常用于地址输入或者区域筛选等场景，...
在HTML部分，二级联动和三级联动的实现通常会用到`<select>`元素，每个`<select>`代表一个级别的选择。通过JavaScript，我们可以监听第一个`<select>`的`change`事件，当用户做出选择时，触发事件处理器，动态更新第...