省、市、区三级级联使用脚本,效果图如下:
范例代码见附件,其中核心脚本如下:
function PCAS(){
this.SelP=document.getElementsByName(arguments[0])[0];
this.SelC=document.getElementsByName(arguments[1])[0];
this.SelA=document.getElementsByName(arguments[2])[0];
this.DefP=this.SelA?arguments[3]:arguments[2];
this.DefC=this.SelA?arguments[4]:arguments[3];
this.DefA=this.SelA?arguments[5]:arguments[4];
this.SelP.PCA=this;this.SelC.PCA=this;
this.SelP.onchange=function()
{
PCAS.SetC(this.PCA)
};
if(this.SelA)
this.SelC.onchange=function()
{
PCAS.SetA(this.PCA)
};
PCAS.SetP(this)
};
PCAS.SetP=function(PCA)
{
for(i=0;i<PCAP.length;i++)
{
PCAPT=PCAPV=PCAP[i];
if(PCAPT==SPT)
PCAPV="";
PCA.SelP.options.add(new Option(PCAPT,PCAPV));
if(PCA.DefP==PCAPV)
PCA.SelP[i].selected=true
}
PCAS.SetC(PCA)
};
PCAS.SetC=function(PCA)
{
PI=PCA.SelP.selectedIndex;
PCA.SelC.length=0;
for(i=1;i<PCAC[PI].length;i++)
{
PCACT=PCACV=PCAC[PI][i];
if(PCACT==SCT)
PCACV="";
PCA.SelC.options.add(new Option(PCACT,PCACV));
if(PCA.DefC==PCACV)
PCA.SelC[i-1].selected=true
}
if(PCA.SelA)
PCAS.SetA(PCA)
};
PCAS.SetA=function(PCA)
{
PI=PCA.SelP.selectedIndex;
CI=PCA.SelC.selectedIndex;
PCA.SelA.length=0;
for(i=1;i<PCAA[PI][CI].length;i++)
{
PCAAT=PCAAV=PCAA[PI][CI][i];
if(PCAAT==SAT)
PCAAV="";
PCA.SelA.options.add(new Option(PCAAT,PCAAV));
if(PCA.DefA==PCAAV)
PCA.SelA[i-1].selected=true
}
}
更多实用脚本可访问
http://www.popub.net
分享到:
相关推荐
标题中的“省、市、地区联动选择JS封装类”指的是一个JavaScript编程实现的功能,它用于在网页中创建一个联动选择的下拉菜单,通常用于用户输入他们的省份、城市和区域信息。这种联动选择框能够根据用户选择的省份...
四级联动是指在选择地区时,先选择省份,然后根据所选省份自动显示出对应的地级市,接着再选择地级市后显示对应区县,最后选择区县后会展示出相应的乡镇或街道。这种功能在电子商务网站、信息发布平台等需要用户指定...
在IT行业中,地区联动是一种常见的前端交互功能,它主要用于实现用户在选择某个地理位置时,下拉菜单会自动更新为与之相关联的更具体区域。例如,在填写地址时,先选择省份,接着市、区/县等会随之变化。这种功能...
当用户在省的选择项中做出选择时,插件会动态加载并更新市的选择项,这种实时同步的行为是通过监听省选择器的改变事件来实现的。这展示了jQuery在事件编程方面的灵活性。 在源码中,我们可以看到JavaScript和...
总的来说,这个资源提供了一个实用的学习平台,帮助IT从业者掌握如何在FineReport中构建下拉框多级联动查询和饼图联动的模板,这对于提升企业报表系统的效率和易用性具有重要意义。在实践中,你可以根据自己的业务...
4. `initLocation.js`:这个文件很可能是初始化地区联动功能的脚本,负责加载数据并设置初始状态。 在实现这个功能时,开发者可能使用了数组对象或者JSON对象来存储地名和编号的键值对,然后利用jQuery或者其他原生...
中国城市地区三级联动sql脚本(包括港澳台),这个是我找到最全的一个sql脚本了,在此分享给大家,里面还包括了城市首字母字段。非常实用。
这种设计在地理选择中特别常见,比如选择省后,市会更新,接着选择市后,县会进一步更新。在SQL层面,这意味着需要有正确的外键约束来保持数据的一致性和关联性。 现在,让我们深入到具体的数据库设计。这里提到的...
总的来说,全国省_市_区_街道四级联动数据库mysql文件是一个实用的工具,它整合了中国的地理信息,便于开发者构建高效、精准的地址选择功能,广泛适用于电商、地图服务、物流等多个领域。通过合理的数据库设计和前端...
全国地区表三级联动是一种实用的交互方式,它不仅提升了用户体验,还能简化用户的操作流程。通过合理设计数据库结构和前后端交互逻辑,可以高效地实现这一功能。在实际应用过程中,还需要注意数据的准确性和系统的...
标签进一步细化了数据集的关键内容,包括"美国省市区"(在美国,州有时被称为省)、"世界国家地区"、"中英双文"、"美国州市联动"以及"美国邮编表"。这些标签可以帮助我们理解数据集的结构和用途。 根据提供的压缩包...
"用来做三级联动数据"则表明这些数据被设计用于实现一种交互效果,即用户在选择一个国家后,下一级的城市选项会随之更新,再次选择城市后,更下一级的地区选项又会进一步细化。这种联动效果在导航、搜索或者信息填写...
总之,全国省_市_区_街道四级联动数据库是一种实用的地理信息组织方式,广泛应用于需要精确地址信息的系统中。通过MySQL数据库管理和四级联动的逻辑设计,能够有效地管理和检索这些数据,为各类应用提供强大的支持。
2. **初始数据填充**:脚本可能包含了中国所有省、市、区县的初始数据,使得数据库在初始化后就具备了完整的地域信息。 3. **查询与更新语句**:为了实现联动效果,可能还包括了用于获取下级地区列表的SQL查询语句...
总结,"js全国各地区联动菜单"是一个实用的前端功能,通过JavaScript技术,我们可以方便地创建出交互性强、用户体验好的地区选择菜单。理解其工作原理,对于提升我们的前端开发技能具有重要的实践意义。
总之,“仿京东地区三级联动”是一个实用的前端开发示例,它演示了如何使用jQuery实现一个交互式的地区选择器,对于快速搭建电商或其他需要此类功能的网站非常有帮助。通过学习和理解这个示例,开发者可以提升自己的...
在网页开发中,jQuery是一个非常流行的...总的来说,"jQuery三级联动菜单选择器代码"是一个实用的前端工具,通过学习和理解它的实现,开发者可以提升在网页交互设计方面的能力,同时也可以借鉴其思路来解决类似的问题。
在IT行业中,尤其是在前端开发领域,"下拉四级联动插件"是一种常见且实用的交互设计,主要用于处理如地区选择、分类导航等需要多级筛选的场景。这种插件能够帮助用户通过连续的下拉菜单从最高级别到最低级别进行选择...
标题中的“纯js省市县三级联动 附带邮编”指的是使用JavaScript实现的这种功能,并且包含了全国所有地区的邮编数据。 首先,我们要理解什么是“三级联动”。在Web开发中,三级联动通常是指三个下拉菜单(或选择框)...