<html><head><title>学习三级联动</title>
<script language="javascript">
var g_selProvince;
var g_selCity;
var g_selCounty;
//-----省
var Provinces = new Array(
new Array("河南省","河南省")
);
//-----市
var Citys = new Array(
new Array("河南省","郑州","郑州"),
new Array("河南省","洛阳","洛阳"),
new Array("河南省","许昌","许昌"),
new Array("河南省","南阳","南阳")
);
//-----县
var Countys = new Array(
new Array("郑州","东风","东风"),
new Array("郑州","南阳","南阳")
);
function FillProvinces(selProvince)
{
selProvince.options[0]=new Option("请选择","0");
for(i=0;i<Provinces.length;i++)
{
selProvince.options[i+1] = new Option(Provinces[i][1],Provinces[i][0]);
}
selProvince.options[0].selected = true;
selProvince.length = i+1;
}
function FillCitys(selCity,ProvinceCode)
{
selCity.options[0]=new Option("请选择","0");
count = 1;
for(i=0;i<Citys.length;i++)
{
if(Citys[i][0].toString() == ProvinceCode)
{
selCity.options[count] = new Option(Citys[i][2],Citys[i][1]);
count = count + 1;
}
}
selCity.options[0].selected = true;
selCity.length = count;
}
function FillCountys(selCounty,CityCode)
{
selCounty.options[0]=new Option("请选择","0");
count = 1;
for(i=0;i<Countys.length;i++)
{
if(Countys[i][0].toString() == CityCode)
{
selCounty.options[count] = new Option(Countys[i][2],Countys[i][1]);
count = count + 1;
}
}
selCounty.options[0].selected = true;
selCounty.length=count;
}
function City_onchange()
{
FillCountys(g_selCounty,g_selCity.value);
}
function Province_onchange()
{
FillCitys(g_selCity,g_selProvince.value);
City_onchange();
}
</script>
</head>
<body><form name="myform" id="myform">
<select name="s1"></select>
<select name="s2"></select>
<select name="s3"></select>
</form></body></html>
<script language="javascript">
function InitCitySelect(selProvince,selCity,selCounty)
{
g_selProvince = selProvince;
g_selCity = selCity;
g_selCounty = selCounty;
selProvince.onchange = Function("Province_onchange();");
selCity.onchange = Function("City_onchange();");
FillProvinces(selProvince);
Province_onchange();
}
InitCitySelect(document.myform.s1,document.myform.s2,document.myform.s3);
</script>
分享到：
相关推荐
对于前端开发的初学者而言，研究三级联动源码是一种很好的学习方法，它可以帮助理解前后端数据交互，提升对用户界面和用户体验设计的认识。通过阅读和理解三级联动的源码，初学者可以逐渐掌握前端开发的核心概念，如...
在IT行业中，三级联动是一种常见的交互设计模式，尤其在数据筛选和导航系统中十分常见。这个"一个最简单的三级联动代码"示例可能是用来帮助开发者理解如何实现这种功能的。下面我们将深入探讨三级联动的基本概念、...
在IT行业中，"js+jsp三级联动 源码"是一个常见的前端与后端交互的实践案例，主要用于实现用户界面的动态筛选和过滤。这里，我们主要探讨的是使用JavaScript（js）和JavaServer Pages（jsp）来创建一个具有三级联动...
【jsp+ajax 三级联动菜单】是一个典型的Web开发技术应用场景，它主要利用JavaServer Pages（JSP）和Asynchronous JavaScript and XML（AJAX）来实现动态网页中的数据交互和页面更新。在这个例子中，我们看到的是一个...
在移动端和H5开发中，省市区三级联动是一种常见的功能需求，主要用于地址选择，提供用户一个方便快捷的方式来选择他们的详细地址。本示例提供了一款适用于这两种平台的三级联动组件，下面将详细介绍这个功能及其实现...
在Android开发中，实现类似京东、美团这样的三级联动菜单是一项挑战性的任务，它涉及到复杂的UI交互和数据层次结构的管理。这个项目通过双ListView成功地实现了这一功能，并且具有90%的相似度，这对于开发者来说是一...
在构建三级联动的过程中，`<select>`元素是基础，用于创建下拉菜单，而`<option>`元素则表示下拉菜单中的选项。然而，由于移动端的用户体验需求，单纯使用`<select>`元素可能无法满足滑动选择的效果，所以我们需要...
总的来说，这个"安卓三级联动省市联动多级联动相关-android多级菜单经典demo"是一个实用的学习资源，它涵盖了Android开发中常见的交互设计和数据处理技巧。开发者可以通过阅读和实践源码，提升自己在Android界面设计...
**WPF三级联动**是一种常见的用户界面设计技术，主要用于实现数据的多级关联与筛选，常见于例如省市区选择、商品分类筛选等场景。在Windows Presentation Foundation (WPF) 中，这种联动效果可以通过数据绑定、控件...
总的来说，"自己手写的三级联动"项目是一个很好的学习实践，涵盖了前端的交互逻辑、Ajax通信和后端的PHP数据处理。对于初学者来说，这样的项目可以帮助他们深入理解Web应用的工作原理，提高解决问题的能力。
总的来说，这个项目提供了在uniapp环境中实现城市或分类三级联动的示例，对于开发者来说是一个很好的学习资源，能够帮助他们快速掌握此类交互的实现方法。通过理解这个项目的代码逻辑，开发者可以将其应用于自己的...
综上所述，《世界城市三级联动（中英文）插件》是JavaScript编程中数据结构、事件处理、DOM操作、国际化、性能优化等多个技术领域的综合应用，对于学习和提升Web前端开发技能具有很高的参考价值。
通过学习和掌握这些知识点，我们可以编写一个纯JavaScript的三级联动解决方案，即使在数据变化时，只需要更新JavaScript代码中的数据结构，而无需改动其他部分，这提高了代码的可维护性和灵活性。在实际项目中，这种...
在Android开发中，"三级联动省市联动多级联动"是一种常见的功能，常见于地图应用、电商网站、生活服务类APP等，例如美团和58同城。这个功能涉及到多个选择项的联动更新，用户首先选择省份，接着根据省份选择城市，...
"Excel省市县三级联动模型"是Excel应用中的一个高级技巧，它主要用于创建动态的数据选择系统，使得用户在选择一个省份后，相应的城市和县区会自动筛选出来，提供便捷的数据输入和查询体验。这种功能在处理具有层次...
在提供的压缩包文件"ThreeLevelLinkage"中，可能包含了实现3D 三级联动的源代码、模型资源、配置文件等，可以进一步研究学习。通过分析和理解这些文件，开发者可以深入掌握3D 三级联动的实现方法，提升自己的专业...
在这个场景中，"Thinkphp 城市地区三级联动(含数据表)"是一个基于Thinkphp框架实现的，用于处理城市和地区的三级联动效果的解决方案。这个解决方案涉及到数据库设计、前端交互以及后端逻辑，下面我们将详细探讨这些...
简单的下拉框三级联动网页设计，有效学习html
在网页设计中，"三级联动菜单"是一种常见的交互元素，特别是在复杂的网站导航系统中，它能够帮助用户高效地浏览和定位信息。三级联动菜单通常指的是一个包含主菜单、子菜单和孙菜单的多层次下拉菜单结构，用户在选择...
该项目为一个整合hibernate与struts，利用json对象存放临时数据库数据，连接数据的三级联动；改项目使用ajax传递请求连接和参数；数据库结果为三表级联，三表之间依次都是多对一的关系；其中代码核心代码都附有详细...