<html>
<head></head>
<body>
<script>
//创建两个字符串
var sx = "[{'levelId':100101,'levelName':'坐席'},{'levelId':100102,'levelName':'团队长'},{'levelId':100103,'levelName':'部经理'}]";
var fw = "[{'levelId':100201,'levelName':'市场经理'},{'levelId':100202,'levelName':'市场经理助理'}]";
function changeEmpType(empTypeId){
document.getElementById("level").options.length = 0;
var ob = 0;
//根据人员类别决定将要把那种对象数组里面的值写入第二个SELECT中
if(empTypeId == '1001'){
//将字符串装换为对象并赋值
ob = eval("("+sx+")");
}else if(empTypeId == '1002'){
//将字符串装换为对象并赋值
ob = eval("("+fw+")");
}
var option = new Option("请选择",0);
if(ob != 0){
for(var j in ob){
option = new Option(ob[j].levelName,ob[j].levelId);
document.getElementById("level").options.add(option);
}
}else{
document.getElementById("level").options.add(option);
}
}
</script>
<select name="empType" id="empType" onchange="changeEmpType(this.value)">
<option>请选择</option>
<option value="1001">销售系列</option>
<option value="1002">服务系列</option>
</select>
<select name="level" id="level">
<option>请选择</option>
</select>
</body>
</html>
-------------------------------------------------------------------------------------
<html>
<head></head>
<body>
<script>
//创建两种类型的对象数组，sx对应销售系列，fw对应服务系列
var sx = [{'levelId':100101,'levelName':'坐席'},{'levelId':100102,'levelName':'团队长'},{'levelId':100103,'levelName':'部经理'}];
var fw = [{'levelId':100201,'levelName':'市场经理'},{'levelId':100202,'levelName':'市场经理助理'}];
function changeEmpType(empTypeId){
document.getElementById("level").options.length = 0;
var ob = 0;
//根据人员类别决定将要把那种对象数组里面的值写入第二个SELECT中
if(empTypeId == '1001'){
ob = sx;
}else if(empTypeId == '1002'){
ob = fw;
}
var option = new Option("请选择",0);
if(ob != 0){
for(var j in ob){
option = new Option(ob[j].levelName,ob[j].levelId);
document.getElementById("level").options.add(option);
}
}else{
document.getElementById("level").options.add(option);
}
}
</script>
<select name="empType" id="empType" onchange="changeEmpType(this.value)">
<option>请选择</option>
<option value="1001">销售系列</option>
<option value="1002">服务系列</option>
</select>
<select name="level" id="level">
<option>请选择</option>
</select>
</body>
</html>
分享到：
相关推荐
JavaScript 事件处理 二级菜单级联 示例代码JavaScript 事件处理 二级菜单级联 示例代码JavaScript 事件处理 二级菜单级联 示例代码JavaScript 事件处理 二级菜单级联 示例代码JavaScript 事件处理 二级菜单级联 ...
二级级联菜单意味着主菜单有一个子菜单，而三级级联菜单则在二级的基础上再增加一级子菜单。例如，一个网站的导航栏可能有"产品"这个主菜单，点击后展开显示"电子产品"、"家居用品"等二级子菜单，进一步点击"电子...
在本例中，我们讨论的是通过JavaScript实现的二级级联菜单，即在一个文本框的选择会影响到另一个文本框的可选项。 一、级联菜单的基本概念 级联菜单由多个层次的菜单项构成，通常表现为一个菜单项展开后显示下一级...
在使用JSP JavaScript过程中有很多的技巧与实现，那么如何构建二级级联下拉菜单呢，本文将会向你做一个源码上的介绍。
### JSP+JavaScript 实现二级级联下拉菜单的知识点解析 #### 一、概述 在Web开发领域，实现动态的交互式用户界面是提升用户体验的重要手段之一。本文档将详细解析如何通过JSP（JavaServer Pages）与JavaScript来...
标题中的“三级级联菜单（JS+HTML)”指的是在网页设计中使用JavaScript和HTML实现的具有三级结构的下拉菜单。这种菜单允许用户通过点击主菜单项来展开子菜单，进一步点击子菜单项可以展开更深层次的选项，提供了一种...
在IT领域，构建动态、交互性强的Web应用是常见的需求，而"JSP+AJAX+MYSQL实现二级级联菜单"就是一个典型的实例。这个技术组合主要用于创建能够实时更新且具有前后端交互功能的Web界面，使得用户在选择一级菜单时，...
在本案例中，我们讨论的是使用jQuery库实现的全国城市三级级联菜单插件，它使得用户能够在下拉菜单中选择省份、城市以及区县，以实现快速筛选或输入数据的目的。 首先，jQuery是一个广泛使用的JavaScript库，它简化...
本篇文章将深入探讨如何利用DWR来实现一个两级级联菜单，并以SQL Server 2000数据库作为数据源。 首先，我们需要理解DWR的基本工作原理。DWR允许在后台执行Java方法并返回结果到前端，无需刷新整个页面。这种技术...
本项目“jquery仿京东二级级联菜单导航”旨在实现一个类似京东商城的下拉二级菜单，利用jQuery库来增强用户体验。这个功能通常用于大型网站，尤其是电商网站，因为它们通常具有多级分类，通过级联菜单可以有效地展示...
标题：javascript实现二级级联菜单的简单制作 描述：主要介绍了javascript实现二级级联菜单的简单制作，感兴趣的小伙伴们可以参考一下 标签：javascript级联菜单, js实现级联菜单, javascript级联, jquery实现级联...
本文将深入解析如何利用JSP与JavaScript实现一个功能丰富的二级级联下拉菜单，这是一个在电商、新闻门户等网站上广泛使用的功能，用于分类展示商品或文章。 ### 一、JSP与JavaScript简介 - **JSP**：是一种基于...
通过级联菜单，用户可以方便地根据上一级的选择来筛选下一级的选项，从而达到快速定位的目的。本文将详细介绍如何使用JSP技术实现一个简单的级联菜单功能。 #### 二、基础知识简介 1. **JSP (Java Server Pages)**...
在Java Web开发中，二级级联下拉菜单是一种常见的用户界面元素，用于提供层次结构的选择。这个场景中，我们利用数据库存储数据，并通过后端处理逻辑动态生成这些下拉菜单。下面将详细介绍如何使用MySQL数据库来实现...
本示例中的".net MVC架构下无刷新三级级联菜单源码"是一个典型的前端与后端交互场景，它展示了如何利用ASP.NET MVC框架以及DropdownList控件来实现一个动态的、无需页面刷新的三级级联菜单。这个菜单的数据是从...
本教程将探讨如何使用JavaScript实现注册验证以及级联菜单的功能，这些技术对于创建一个高效且用户体验良好的网页至关重要。 首先，让我们详细了解一下注册验证。注册验证是为了确保用户在创建账户时输入的信息是...
在网页设计中，三级级联菜单是一种常见的交互元素，它被广泛用于导航栏，帮助用户在多层级的分类中快速定位并选择目标。这个“三级级联菜单”可能是一个精心设计的实现，提供了优秀的用户体验，使得三层级别的信息...
在这个场景中，"ASP+JS+SQL数据库二级级联菜单"涉及到的是在网页中实现一个交互式的菜单系统，它包括两个级别的菜单项：洲和国家。当用户选择一个洲时，对应的国家菜单将动态加载，这种效果通常通过JavaScript在...
javascript 二级联动菜单