`

JS联动代码

    博客分类:
  • JS
阅读更多

<html> 
<head> 
<title>This is a test!</title> 
</head> 
<body> 
<form name="frm"> 
<select name="s1" onChange="redirec(document.frm.s1.options.selectedIndex)"> 
<option selected>请选择</option> 
<option value="1">脚本语言</option> 
<option value="2">高级语言</option> 
<option value="3">其他语言</option> 
</select> 

 


<select name="s2"> 
<option value="请选择" selected>请选择</option> 
</select> 
</form> 
<script language="javascript"> 
//获取一级菜单长度 
var select1_len = document.frm.s1.options.length; 
var select2 = new Array(select1_len); 
//把一级菜单都设为数组 
for (i=0; i<select1_len; i++) 
{ select2[i] = new Array();} 
//定义基本选项 
select2[0][0] = new Option("请选择", " "); 

select2[1][0] = new Option("PHP", " "); 
select2[1][1] = new Option("ASP", " "); 
select2[1][2] = new Option("JSP", " "); 

select2[2][0] = new Option("C/C++", " "); 
select2[2][1] = new Option("Java", " "); 
select2[2][2] = new Option("C#", " "); 

select2[3][0] = new Option("Perl", " "); 
select2[3][1] = new Option("Ruby", " "); 
select2[3][2] = new Option("Python", " "); 
//联动函数 
function redirec(x) 

var temp = document.frm.s2; 
for (i=0;i<select2[x].length;i++) 
{ temp.options[i]=new Option(select2[x][i].text,select2[x][i].value);} 
temp.options[0].selected=true; 

</script> 
</body> 
</html>

 

感谢 http://bbs.51cto.com/thread-493164-1.html 

分享到:
评论

相关推荐

    JS三级联动代码

    在这个"JS三级联动代码"中,我们可以预期它包含了一个实现全球主要国家、地区或城市的动态选择功能。 首先,我们来理解一下什么是三级联动。在UI设计中,联动通常指的是一个选择项的变化会触发其他相关选择项的更新...

    JS城市三级联动代码

    在网页开发中,"JS城市三级联动代码"是一种常见的交互设计,主要用于地址选择,例如省、市、区的选择。这种功能通常使用JavaScript实现,与其他后端技术如ASP和数据库(如ACCESS)配合工作,为用户提供流畅的下拉...

    js省市联动代码

    在网页开发中,"js省市联动代码"是一个常见的功能需求,尤其在用户填写地址信息时。这个功能使得省(自治区、直辖市)与市(地级市、自治州)的选择能够相互关联,当用户选择一个省份时,对应的市列表会自动更新,...

    省市二级联动代码JS

    标题中的“省市二级联动代码JS”指的是在网页开发中实现的一种交互功能,它允许用户在选择省份后,自动更新下拉菜单以显示对应省份的城市,从而实现两级联动的效果。这种功能通常用于地址输入或者区域筛选等场景,...

    JS省市区联动代码

    ### JS省市区联动代码知识点详解 #### 一、概述 在Web开发中,省市区联动是一种常见的用户交互设计,主要用于地址选择场景。本篇文章将基于提供的JavaScript代码片段,详细介绍如何实现一个基本的省市区三级联动...

    一个最简单的三级联动代码

    这个"一个最简单的三级联动代码"示例可能是用来帮助开发者理解如何实现这种功能的。下面我们将深入探讨三级联动的基本概念、实现原理以及相关知识点。 三级联动通常指的是三个下拉菜单之间的联动关系,其中每一个...

    超简单的三级联动 javascript代码

    超级简单的js三级联动代码,信不信由你,分享一下

    四层级联动JavaScript代码

    以上就是实现“四级联动JavaScript代码”的核心知识点。实际开发中,可能还需要考虑到兼容性、性能优化、错误处理等因素,使得代码更加健壮和易用。通过学习和实践这些概念,开发者可以熟练地创建出具有四级联动功能...

    js实现三级联动代码

    在JavaScript中实现三级联动,主要涉及以下几个关键知识点: 1. **DOM操作**:JavaScript需要能够操作HTML文档对象模型(DOM),包括获取元素、创建元素、修改元素和添加/删除元素。例如,我们需要获取到三个下拉...

    三级联动js代码

    总的来说,"三级联动js代码"是一个基础但实用的JavaScript技术,它涉及到DOM操作、事件处理、数据结构和用户交互等多个方面,是前端开发者必须掌握的一项技能。通过理解和实践这个知识点,可以提升网页交互的用户...

    商品发布三级联动菜单js代码.zip

    综上所述,"商品发布三级联动菜单js代码" 是一种实现商品分类快速导航的前端技术,它通过JavaScript实现了用户友好、高效的交互体验。在实际项目中,结合后台数据支持,可以大大提高商城网站的用户体验和商品检索...

    省市二级联动js代码

    省市二级联动js代码

    Ajax四级联动源代码

    在提供的文件中,`index.html`是主要的HTML页面,它包含了四级联动的HTML结构以及可能的JavaScript代码。JavaScript部分可能使用了事件监听来捕捉用户在下拉列表中的选择变化,并触发Ajax请求。`read.ashx`可能是一...

    省市二级联动JS 代码

    省市二级联动JS代码是一种...总的来说,省市二级联动JS代码是前端开发中的常见技巧,它结合了HTML、CSS和JavaScript,为用户提供了一种便捷的方式来选择地理位置信息。理解和掌握这一技术对于提升网页交互性至关重要。

    省市二级联动代码与数据库

    省市二级联动代码与数据库是网页开发中常见的功能,主要用于用户选择地理位置时,如省和市。这个功能在很多网站和应用程序中都能见到,比如在线购物、地图服务、求职招聘等。实现这一功能主要依赖于后端服务器(如...

    js连动代码

    以上内容是根据题目信息推测的JavaScript联动代码可能涉及的技术点,具体实现方式需要查看原文档或实际运行代码才能得知。在实践中,理解并熟练掌握这些知识点将有助于开发出更富交互性的前端应用。

    JS省市2级联动代码

    在网页开发中,"JS省市...总的来说,JS省市2级联动代码是一个利用JavaScript实现的动态交互功能,它提高了用户在选择地址时的便捷性和效率。通过理解和应用这些基本原理,开发者可以创建更智能、更用户友好的网页应用。

    Js 联动 Js 联动

    Js 联动 实用js代码 Js 联动 实用js代码 Js 联动 实用js代码

    JS身份证省市二级联动代码JS(无数据库相当的方便)

    这里提到的"JS身份证省市二级联动代码"是一个JavaScript实现的解决方案,它不需要依赖任何数据库,因此在部署和使用上相当便捷。 首先,我们来理解什么是“身份证省市二级联动”。中国的身份证号码包含了持证人的...

    JS联动8级代码

    为了实现8级JS联动,开发者需要有扎实的JavaScript基础,理解函数、对象、数组、闭包等概念,同时熟练掌握DOM API,如`getElementById`、`querySelector`、`addEventListener`等方法。此外,可能还需要了解Promise...

Global site tag (gtag.js) - Google Analytics