由于业务需要,需要做一个类似Google提示的功能,输入省份的编号,就要自动匹配到所在省市县!
比如:110000,在名称文本框中就要出现"北京市"
因此,做了如下的方法:还望大家多多指教,看有没有更好的方法
这个方法的局限性很强;比如直辖市:北京,重庆,上海,香港,澳门等一些特殊编码的城市就不行了
js 代码
- <script language=< span="">"JavaScript">
- function checkBiaoHao() {
- var valueJianCheng=new Array();
- <%
- out.print(juxinxi.getXj_Id_Value());
- %>
- var name= new Array();
- <%
- out.print(juxinxi.getXj_Id_Name());
- %>
- var xj_id=document.getElementById("XJ_ID");
- var oldXJ_ID=xj_id.value;
- if(oldXJ_ID == ""||oldXJ_ID == null) {
- alert("编号不能为空,请填写");
- xj_id.focus();
- return;
- }
- var txj_IdNumber=Number(oldXJ_ID);
- if(isNaN(txj_IdNumber)) {
- alert("编号必须为数字,请重新填写");
- xj_id.focus();
- return;
- }
- else if(oldXJ_ID.length == 6)
- {
- var biteStr=oldXJ_ID.substring(0,4);
- for(i=0; i<name.length;i++) <="" span="">
- {
-
-
-
-
-
-
-
- var startStr=oldXJ_ID.substring(0,2);
- var nameStr=name[i].substring(0,2);
- if((nameStr!=startStr)&&(oldXJ_ID.indexOf("0000",2)!= -1)&&(name[i].indexOf("0000",2) != -1))
- {
-
-
- alert("其它省,请联系管理添加顶级省");
- }
-
- if((name[i].indexOf(biteStr) != -1)&&(oldXJ_ID.indexOf("0000",2)!= -1)&&(name[i].indexOf("0000",2) != -1))
- {
- document.getElementById("ParentID").value=name[i];
- document.getElementById("ParentIDs").value=valueJianCheng[i];
- break;
- }
-
- if((oldXJ_ID.indexOf("00",4) != -1)
- &&(name[i].indexOf("0000",2) == -1)
- &&(name[i].indexOf("00",4)!=-1)
- &&(oldXJ_ID.indexOf("0000",2) == -1))
- {
- for(j=0;j<name.length;j++) { <="" span="">
- if((name[j].indexOf("0000",2) != -1))
- {
- document.getElementById("ParentID").value=name[j];
- document.getElementById("ParentIDs").value=valueJianCheng[j];
- break;
- }
- }
- }
-
- var endStr=oldXJ_ID.substring(4,6);
- if((name[i].indexOf(biteStr) != -1)&&(name[i].indexOf(endStr,4) == -1)&&(name[i].indexOf("0000",2) == -1)&&(oldXJ_ID.indexOf("0000",2) == -1))
- {
- document.getElementById("ParentID").value=name[i];
- document.getElementById("ParentIDs").value=valueJianCheng[i];
- break;
- }
- }
- return;
- }
- else
- {
- alert("编号输入错误,请重新正确填写" );
- var parentSt=document.getElementById("XJ_ID");
- parentSt.focus();
- return;
- }
- }
-
- function addForm() {
-
- var xj_ids=document.getElementById("XJ_ID").value;
- if(xj_ids == ""||xj_ids == null) {
- alert("编号不能为空,请填写");
- xj_ids.focus();
- return;
- }
- var xj_MingCheng = document.getElementById("XJ_MingCheng");
- if(xj_MingCheng.value==""){
- alert("名称不能为空,请填写");
- xj_MingCheng.focus();
- return;
- }
-
- var xj_JianCheng = document.getElementById("XJ_JianCheng");
- if(xj_JianCheng.value==""){
- alert("简称不能为空,请填写");
- xj_JianCheng.focus();
- return;
- }
- var parentID = document.getElementById("ParentID");
- if(parentID.value==""){
- alert("上级编号不能为空,请填写");
- parentID.focus();
- return;
- }
- }
- </script>
分享到:
相关推荐
对于“自适应的自定义车牌号输入键盘”,这意味着键盘会根据用户的设备和屏幕尺寸自动调整其布局和大小,确保在各种环境下都能正常使用。在移动设备上,这种自适应能力尤为重要,因为它可以优化用户体验,避免因为...
### JavaScript HTML5 Canvas 实现可拖动省份的中国地图知识点详解 #### 一、项目概述与背景 本项目旨在利用JavaScript结合HTML5的Canvas技术来实现一个可交互式的中国地图,用户可以通过鼠标拖动的方式查看不同...
通常,这类服务会结合后端数据库,通过输入的手机号码,查询出该号码所属的运营商、省份和城市等信息,对于用户来说,可能是出于隐私保护、反垃圾电话或者是了解未知来电背景的需求。 在压缩包的文件名列表中,我们...
在车牌号输入中,通常需要用户按照特定的格式输入,例如中国的车牌号由汉字、字母和数字组成,且有特定的省份或城市的标识。此代码实现了一个定制化的键盘,用户可以通过点击虚拟按键来输入车牌号,减少了在小屏幕上...
ECharts 是一个由百度开发的基于 JavaScript 的开源可视化库,广泛应用于数据可视化领域,包括图表、地图等。在“echarts全国地图展示”这个主题中,我们将深入探讨如何使用 ECharts 来创建一个动态的、交互式的中国...
2. JavaScript处理:通过JavaScript,我们可以监听用户的选择事件,根据当前选中的省份或城市动态加载其下属的市或区列表。这里可以使用事件委托来优化性能,避免为每个选项添加事件监听器。同时,JavaScript还可以...
1. 环境准备 安装Vue.js:如果你还没有安装Vue.js,你可以通过npm或yarn进行安装。 安装ECharts:同样,通过npm或yarn安装ECharts。 2. 创建Vue组件 在Vue项目中创建一个新的组件,比如ChinaMap.vue,用于展示中国...
当用户在第一级(如国家)做出选择时,JavaScript会根据预定义的数据加载对应的二级(如省份)选项,接着在省份选择后加载相应的三级(如城市)选项。这种响应式更新提高了用户体验,减少了用户手动输入的负担。 在...
【jQuery中国省份地图选择高亮特效代码】是一个利用jQuery库实现的交互式地图插件,专为网页设计者提供了一种高效且直观的方式来展示中国的省份和城市选择。这个插件结合了Bootstrap框架的优秀设计原则,使用户在...
在这个场景中,"H5 省市选择"指的是一个功能模块,它允许用户在H5页面上方便地选择中国的省份和城市,通常用于地址输入或者地理位置相关的服务。下面将详细讨论这个知识点。 首先,构建H5省市选择功能通常涉及到...
3. 动态更新:实时根据用户输入或选择更新其他表单元素的状态,例如根据输入的省份动态加载城市列表。 五、表单提交 1. 阻止默认行为:在onsubmit事件中使用event.preventDefault()防止表单默认的提交动作。 2. ...
它通常包含省份、城市、区县等层级,用户可以通过滑动或者点击进行逐级选择,避免手动输入带来的错误和不便。 2. **设计原理** 移动端地址选择器的设计基于交互性和效率。它通常采用下拉列表或者弹出层的形式,...
3. 移动端适配:确保地图应用在不同设备和屏幕尺寸上都能良好显示,可以利用ECharts的响应式设计或者自适应配置。 总结,ECharts地图展示是一个强大的功能,结合Tomcat服务器,可以方便地搭建出交互式地图应用。...
ECharts是一款由百度开源的、基于JavaScript的数据可视化库,适用于网页端的数据展示。下面,我们将深入探讨ECharts的核心特性和在EChartsDemo源码中可能涵盖的知识点。 1. **ECharts基本概念** - ECharts是一个...
实现这样的功能,开发者通常会采用JavaScript或者相关的前端框架,如jQuery、Vue.js、React.js等。在后端,可能涉及到的数据存储结构通常是多级嵌套的树形结构,比如JSON格式,包含每个行政区域的ID、名称以及子区域...
1. **响应式设计**:Bootstrap的响应式网格系统确保了无论在桌面、平板还是手机上,下拉框都能自适应显示,保持良好的用户体验。 2. **样式统一**:Bootstrap的CSS样式使得下拉框与页面其他元素风格一致,符合...
ECharts是一款由百度开源的,基于JavaScript的数据可视化库,它提供了丰富的图表类型,精美的图表效果,以及易于使用的API和配置项,适用于Web端的数据可视化需求。本压缩包中的资源专注于中国地图的地理数据,包括...
在JavaScript中,ECharts提供了一系列API供开发者调用,例如`resize()`用于图表自适应窗口大小,`dispatchAction()`用于触发图表上的各种动作,`getZoomOnPosition()`获取当前地图的缩放比例和中心位置等。...
ECharts是一个使用JavaScript实现的开源可视化库,提供了丰富的图表类型,如折线图、柱状图、饼图以及地图等。Vue.js则是一款轻量级的前端MVVM框架,它具有组件化、虚拟DOM、响应式数据绑定等特性,使得开发更加高效...
在本压缩包中,包含的是专用于ECharts的中国各省地图的JavaScript文件,使得开发者能够轻松绘制出中国各省份的地图图表。 首先,我们要理解ECharts地图组件的工作原理。ECharts中的地图图表是通过SVG或者Canvas来...