<script type="text/javascript">
var citys=new Array(47);
citys[0]="北京市|海淀区";
citys[1]="北京市|朝阳区";
citys[2]="北京市|东城区";
citys[3]="北京市|西城区";
citys[4]="北京市|丰台区";
citys[5]="北京市|昌平区";
citys[6]="北京市|宣武区";
citys[7]="北京市|崇文区";
citys[8]="北京市|石景山区";
citys[9]="北京市|门头沟区";
citys[10]="北京市|通州区";
citys[11]="北京市|顺义区";
citys[12]="北京市|大兴区";
citys[13]="北京市|房山区";
citys[14]="北京市|怀柔区";
citys[15]="北京市|平谷区";
citys[16]="北京市|密云县";
citys[17]="北京市|延庆县";
citys[18]="湖南省|长沙市";
citys[19]="湖南省|浏阳市";
citys[20]="湖南省|株洲市";
citys[21]="湖南省|衡阳市";
citys[22]="湖南省|湘潭市";
citys[23]="湖南省|醴陵市";
citys[24]="湖南省|湘乡市";
citys[25]="湖南省|韶山市";
citys[26]="湖南省|耒阳市";
citys[27]="湖南省|常宁市";
citys[28]="湖南省|邵阳市";
citys[29]="湖南省|武冈市";
citys[30]="湖南省|岳阳市";
citys[31]="湖南省|临湘市";
citys[32]="湖南省|常德市";
citys[33]="湖南省|津市市";
citys[34]="湖南省|张家界市";
citys[35]="湖南省|益阳市";
citys[36]="湖南省|沅江市";
citys[37]="湖南省|郴州市";
citys[38]="湖南省|资兴市";
citys[39]="湖南省|永州市";
citys[40]="湖南省|怀化市";
citys[41]="湖南省|洪江市";
citys[42]="湖南省|娄底市";
citys[43]="湖南省|冷水江市";
citys[44]="湖南省|吉首市";
citys[45]="湖南省|浏阳市";
citys[46]="湖南省|浏阳市";
var countys=new Array(106);
countys[0]="湖南省|长沙市|岳麓区";
countys[1]="湖南省|长沙市|芙蓉区";
countys[2]="湖南省|长沙市|天心区";
countys[3]="湖南省|长沙市|开福区";
countys[4]="湖南省|长沙市|雨花区";
countys[5]="湖南省|浏阳市|长沙县";
countys[6]="湖南省|浏阳市|望城县";
countys[7]="湖南省|浏阳市|宁乡县";
countys[8]="湖南省|株洲市|天元区";
countys[9]="湖南省|株洲市|荷塘区";
countys[10]="湖南省|株洲市|芦淞区";
countys[11]="湖南省|株洲市|石峰区";
countys[12]="湖南省|衡阳市|雁峰区";
countys[13]="湖南省|衡阳市|珠晖区";
countys[14]="湖南省|衡阳市|石鼓区";
countys[15]="湖南省|衡阳市|蒸湘区";
countys[16]="湖南省|衡阳市|南岳区";
countys[17]="湖南省|衡阳市|雁峰区";
countys[18]="湖南省|衡阳市|衡阳县";
countys[19]="湖南省|衡阳市|衡东县";
countys[20]="湖南省|衡阳市|衡山县";
countys[21]="湖南省|衡阳市|衡南县";
countys[22]="湖南省|衡阳市|祁东县";
countys[23]="湖南省|醴陵市|株洲县";
countys[24]="湖南省|醴陵市|炎陵县";
countys[25]="湖南省|醴陵市|茶陵县";
countys[26]="湖南省|醴陵市|攸 县";
countys[27]="湖南省|湘潭市|岳塘区";
countys[28]="湖南省|湘潭市|雨湖区";
countys[29]="湖南省|湘乡市|湘潭县";
countys[30]="湖南省|邵阳市|双清区";
countys[31]="湖南省|邵阳市|大祥区";
countys[32]="湖南省|邵阳市|北塔区";
countys[33]="湖南省|邵阳市|邵东县";
countys[34]="湖南省|邵阳市|洞口县";
countys[35]="湖南省|邵阳市|新邵县";
countys[36]="湖南省|邵阳市|绥宁县";
countys[37]="湖南省|邵阳市|新宁县";
countys[38]="湖南省|邵阳市|邵阳县";
countys[39]="湖南省|邵阳市| 隆回县";
countys[40]="湖南省|邵阳市|城步苗族自治县";
countys[41]="湖南省|岳阳市|岳阳楼区 ";
countys[42]="湖南省|岳阳市|君山区";
countys[43]="湖南省|岳阳市|云溪区";
countys[44]="湖南省|岳阳市|岳阳县";
countys[45]="湖南省|岳阳市|湘阴县";
countys[46]="湖南省|岳阳市|平江县";
countys[47]="湖南省|岳阳市|华容县";
countys[48]="湖南省|常德市|武陵区";
countys[49]="湖南省|常德市|鼎城区";
countys[50]="湖南省|常德市|澧 县";
countys[51]="湖南省|常德市|临澧县";
countys[52]="湖南省|常德市|桃源县";
countys[53]="湖南省|常德市|汉寿县";
countys[54]="湖南省|常德市|安乡县";
countys[55]="湖南省|张家界市|永定区";
countys[56]="湖南省|张家界市|武陵源区";
countys[57]="湖南省|张家界市|慈利县";
countys[58]="湖南省|张家界市|桑植县";
countys[59]="湖南省|益阳市|赫山区";
countys[60]="湖南省|益阳市|资阳区";
countys[61]="湖南省|益阳市|桃江县";
countys[62]="湖南省|益阳市|南 县";
countys[63]="湖南省|益阳市|安化县";
countys[64]="湖南省|郴州市|北湖区";
countys[65]="湖南省|郴州市|苏仙区";
countys[66]="湖南省|郴州市|宜章县";
countys[67]="湖南省|郴州市|汝城县";
countys[68]="湖南省|郴州市|安仁县";
countys[69]="湖南省|郴州市|嘉禾县";
countys[70]="湖南省|郴州市|临武县";
countys[71]="湖南省|郴州市|桂东县";
countys[72]="湖南省|郴州市|永兴县";
countys[73]="湖南省|郴州市|桂阳县";
countys[74]="湖南省|永州市|冷水滩区";
countys[75]="湖南省|永州市|零陵区";
countys[76]="湖南省|永州市|祁阳县";
countys[77]="湖南省|永州市|蓝山县";
countys[78]="湖南省|永州市|宁远县";
countys[79]="湖南省|永州市|新田县";
countys[80]="湖南省|永州市|东安县";
countys[81]="湖南省|永州市|江永县";
countys[82]="湖南省|永州市|道 县";
countys[83]="湖南省|永州市|双牌县";
countys[84]="湖南省|永州市|江华瑶族自治县";
countys[85]="湖南省|怀化市|鹤城区";
countys[86]="湖南省|怀化市|会同县";
countys[87]="湖南省|怀化市|沅陵县";
countys[88]="湖南省|怀化市|辰溪县";
countys[89]="湖南省|怀化市|溆浦县";
countys[90]="湖南省|怀化市|中方县";
countys[91]="湖南省|怀化市|新晃侗族自治县";
countys[92]="湖南省|怀化市|芷江侗族自治县";
countys[93]="湖南省|怀化市|通道侗族自治县";
countys[94]="湖南省|怀化市|靖州苗族侗族自治县";
countys[95]="湖南省|怀化市|麻阳苗族自治县";
countys[96]="湖南省|娄底市|娄星区";
countys[97]="湖南省|娄底市|新化县";
countys[98]="湖南省|娄底市|双峰县";
countys[99]="湖南省|吉首市|古丈县";
countys[100]="湖南省|吉首市|龙山县";
countys[101]="湖南省|吉首市|永顺县";
countys[102]="湖南省|吉首市|凤凰县";
countys[103]="湖南省|吉首市|泸溪县";
countys[104]="湖南省|吉首市|保靖县";
countys[105]="湖南省|吉首市|花垣县";
function provinceChange()
{
var cur_province=document.cascadeForm.province.value;
document.getElementById('city').length=0;
var j=0;
for(var i=0;i<citys.length;i++)
{
var choosepro=citys[i].split("|");
if(choosepro[0]==cur_province)
{
document.getElementById('city').options[j]=new Option(choosepro[1],choosepro[1]);
j++;
}
}
}
function cityChange()
{
var cur_city=document.cascadeForm.city.value;
document.getElementById('county').length=0;
var j=0;
for(var i=0;i<countys.length;i++)
{
var choosecity=countys[i].split("|");
if(choosecity[1]==cur_city)
{
document.getElementById('county').options[j]=new Option(choosecity[2],choosecity[2]);
j++;
}
}
}
</script>
<form action="" name="cascadeForm" >
<table border="1" cellpadding="0" cellspacing="0" align="center" width="600px">
<tr>
<td colspan="2" align="center"><strong>级联菜单</strong></td>
</tr>
<tr>
<td align="left" width="110">
请选择省:
</td>
<td>
<select name="province" onclick="javascript:provinceChange()">
<option value="北京市">北京市</option>
<option value="上海市">上海市</option>
<option value="天津市">天津市</option>
<option value="重庆市">重庆市</option>
<option value="湖南省">湖南省</option>
<option value="">湖北省</option>
<option value="">广东省</option>
<option value="">广西省</option>
<option value="">河南省</option>
<option value="">河北省</option>
<option value="">山东</option>
<option value="">山西</option>
<option value="">浙江省</option>
<option value="">江苏省</option>
<option value="">福建省</option>
<option value="">贵州省</option>
<option value="">江西省</option>
<option value="">云南省</option>
<option value="">四川省</option>
<option value="">青海省</option>
<option value="">新疆维吾尔自治区</option>
<option value="">西藏</option>
<option value="">陕西省</option>
<option value="">甘肃省</option>
<option value="">宁夏回族自治区</option>
<option value="">安徽省</option>
<option value="">辽宁省</option>
<option value="">吉林省</option>
<option value="">黑龙江省</option>
<option value="">海南省</option>
<option value="">内蒙古</option>
<option value="">香港</option>
<option value="">台湾</option>
</select>
</td>
</tr>
<tr>
<td align="left" width="">
请选择市或区:
</td>
<td>
<select name="city" onclick="javascript:cityChange()">
<option value="">海淀区</option>
<option value="">东城区</option>
<option value="">西城区</option>
<option value="">丰台区</option>
<option value="">昌平区</option>
<option value="">崇文区</option>
<option value="">宣武区</option>
<option value="">石景山区</option>
<option value="">门头沟区</option>
<option value="">通州区</option>
<option value="">顺义区</option>
<option value="">大兴区</option>
<option value="">房山区</option>
<option value="">怀柔区</option>
<option value="">平谷区</option>
<option value="">长沙市</option>
<option value="">浏阳市</option>
<option value="">株洲市</option>
<option value="">醴陵市</option>
<option value="">湘潭市</option>
<option value="">湘乡市</option>
<option value="">衡阳市</option>
<option value="">常宁市</option>
<option value="">耒阳市</option>
<option value="">邵阳市</option>
<option value="">武岗市</option>
<option value="">岳阳市</option>
<option value="">临湘市</option>
<option value="">常德市</option>
<option value="">津市市</option>
<option value="">张家界市</option>
<option value="">益阳市</option>
<option value="">沅江市</option>
<option value="">郴州市</option>
<option value="">资兴市</option>
<option value="">永州市</option>
<option value="">怀化市</option>
<option value="">洪江市</option>
<option value="">娄底市</option>
<option value="">冷水江市</option>
<option value="">吉首市</option>
</select>
</td>
</tr>
<tr>
<td align="left">
请选择县:
</td>
<td>
<select name="county">
<option value="">密云县</option>
<option value="">延庆</option>
<option value=""></option>
<option value=""></option>
<option value=""></option>
<option value=""></option>
<option value=""></option>
</select>
</td>
</tr>
</table>
</form>
根据状态改变值：
states[0]="0|未开始|0";
states[1]="1|进行中|1";
states[2]="2|进行中|1";
states[3]="3|进行中|1";
states[4]="4|已完成|2";
function zz(){
var cur_sate= document.getElementById("finishRate").value;
document.getElementById('tstatus').length=0;
var j=0;
for(var i=0;i<states.length;i++)
{
var choosepro=states[i].split("|");
if(choosepro[0]==cur_sate)
{
document.getElementById('tstatus').options[j]=new Option(choosepro[1],choosepro[2]);
j++;
}
}
}
分享到：
相关推荐
在本文中，我们将深入探讨如何使用Windows Presentation Foundation (WPF) 和 Prism 框架来实现ComboBox的省市县三级级联效果。WPF是.NET Framework的一部分，提供了丰富的用户界面（UI）设计工具，而Prism则是一个...
每个下拉列表的选项应该动态生成，以实现级联效果。 2. **JavaScript 基础**： - JavaScript是实现无刷新的关键，通过DOM操作（Document Object Model）来改变页面内容。 - 需要监听每个下拉列表的`change`事件，...
【JSP Ajax省市县Select级联菜单】是一个典型的前端与后端交互的示例，它在Web应用中常用于实现动态、无刷新的选择区域（省、市、县）功能。这个压缩包包含了一个完整的解决方案，使得用户在选择省份时，对应的市区...
- **级联更新/删除**：通过设置`ON UPDATE CASCADE` 和 `ON DELETE CASCADE` 来实现级联更新和删除的功能。 例如，在创建`city`表时，可以添加外键约束并设置级联操作： ```sql CREATE TABLE city ( id INT NOT ...
通过深入理解`cityData.js`的数据格式，参考`readme.txt`的说明，并研究`demo1`和`demo2`的不同实现，开发者可以轻松地在自己的项目中实现一个功能完善的省市县三级级联选择器。同时，这样的实践也有助于提升对前端...
在Android开发中，省市三级级联是一个常见的需求，特别是在实现地址选择、定位服务等功能时。这个"android省市三级级联源码"提供了一个完整的实例，可以帮助开发者快速理解和实现这一功能。下面将详细介绍这个源码中...
总的来说，"省市县 三级级联"的实现涉及到了前端的JavaScript交互、后端的Java服务、以及HTML和CSS的基础页面构建。这不仅要求开发者掌握多种编程语言和技术，还需要对前后端通信和用户交互有深入理解。通过实际项目...
在本文中，我们将深入探讨如何使用AngularJS实现省市区地址级联选择器。AngularJS，一个由Google维护的JavaScript框架，被广泛用于构建单页应用（SPA），它提供了数据绑定和依赖注入等特性，简化了前端开发。省市...
首先，我们来看“省市县三级级联”的实现。在网页设计中，级联下拉框常用于地理信息的选择，如省市县的选取。通过Ajax，我们可以动态地加载下一级的数据，用户选择上一级后，下一级的选项会根据选择自动更新。具体...
在这个特定的项目中，"省市县三级级联"是指在一个Web应用中实现省、市、县（或区）的三级联动选择功能，这在地址输入或区域划分等场景中非常常见。这个功能的实现通常涉及到前端的交互和后端的数据处理。 前端部分...
3. `area.js`：这可能是主要的业务逻辑文件，其中包含了获取和处理省市区数据的代码，以及使用jQuery实现级联下拉菜单的逻辑。它可能通过Ajax从服务器获取数据，或者直接使用本地的`area.json`和`area_nocounty.json...
总的来说，这个项目展示了如何使用Hibernate、Ajax和DWR来实现一个高效、用户友好的省市县三级级联选择功能。开发过程中涉及了ORM、MVC架构、数据库操作以及前端交互等多个方面，是学习和实践Web开发技能的好实例。
在实现级联选择时，`jQuery`可以便捷地绑定事件、获取或设置DOM元素的值。 - 数据获取：通常，省市县的数据存储在服务器端，通过Ajax请求获取。例如，当省级`<select>`改变时，可以发送一个Ajax请求到服务器，携带...
省市县三级级联数据库，通过它可以实现创建数据中的相关的省市级的表
本示例中的“省市区jquery级联联动”着重讲解了如何利用jQuery库来实现这样的功能，它使得用户在选择省份时，城市和区县会根据所选省份自动更新，提供便捷的用户体验。 首先，我们要理解jQuery，这是一个轻量级的...
综上所述，通过jQuery实现的省市区无刷新级联，不仅提升了用户体验，也体现了前端与后端的高效协作。在实际项目中，我们可以根据需求进一步定制，如添加搜索功能、支持多选等，以满足各种场景的应用。
在压缩包内的文件中，`a.html`很可能是实现级联菜单的HTML页面，包含了HTML结构和内嵌或链接的JavaScript代码。`在IIS下运行.txt`可能是一个说明文档，指导用户如何在IIS服务器上部署和运行这个应用。`js`可能是一个...
本压缩包“高德地图省市县三级级联.zip”聚焦于如何实现省市县三级级联的功能，这对于构建具有地域选择功能的应用非常有用，比如在线购物、生活服务、导航等。 首先，我们要理解“三级级联”的概念。在地图应用中，...
4. **前端交互**：在前端页面上，使用JavaScript（通常配合jQuery或Vue、React等框架）实现级联效果。当你选择一个省份时，发送请求获取该省份的所有城市，并更新城市下拉列表。同理，选择城市后，更新区县列表。这...
"ext"文件可能是扩展或额外的资源文件，如CSS样式表或JavaScript脚本，它们可能包含了layui框架的样式和函数，用于实现级联选择器的功能。CSS文件用于美化界面，提供视觉上的吸引力；而JavaScript文件则负责处理交互...