`

输入编号自适应省份---JavaScript

阅读更多
由于业务需要,需要做一个类似Google提示的功能,输入省份的编号,就要自动匹配到所在省市县!
比如:110000,在名称文本框中就要出现"北京市"
因此,做了如下的方法:还望大家多多指教,看有没有更好的方法
这个方法的局限性很强;比如直辖市:北京,重庆,上海,香港,澳门等一些特殊编码的城市就不行了
js 代码
  1.  <script language=< span="">"JavaScript">      
  2.              function checkBiaoHao() {      
  3.                 var valueJianCheng=new Array();      
  4.                 <%      
  5.                 out.print(juxinxi.getXj_Id_Value());      
  6.                 %>      
  7.                 var name= new Array();      
  8.                 <%      
  9.                 out.print(juxinxi.getXj_Id_Name());      
  10.                 %>      
  11.                var xj_id=document.getElementById("XJ_ID");      
  12.                var oldXJ_ID=xj_id.value;      
  13.                   if(oldXJ_ID == ""||oldXJ_ID == null) {      
  14.                     alert("编号不能为空,请填写");      
  15.                         xj_id.focus();      
  16.                     return;      
  17.                   }      
  18.                   var txj_IdNumber=Number(oldXJ_ID);      
  19.                   if(isNaN(txj_IdNumber)) {      
  20.                     alert("编号必须为数字,请重新填写");      
  21.                     xj_id.focus();      
  22.                     return;      
  23.                   }      
  24.                   else if(oldXJ_ID.length == 6)      
  25.                   {      
  26.                     var biteStr=oldXJ_ID.substring(0,4);      
  27.                     for(i=0; i<name.length;i++)      <="" span="">
  28.                     {      
  29.                              //如果数组中已经有此编码,就提示      
  30. //                             if(name[i].equals(oldXJ_ID))      
  31. //                             {      
  32. //                               alert("数据库中,已存在该数据");      
  33. //                               break;      
  34. //                             }      
  35.                              //其它省,请联系管理添加顶级省      
  36.                              var startStr=oldXJ_ID.substring(0,2);      
  37.                              var nameStr=name[i].substring(0,2);      
  38.                              if((nameStr!=startStr)&&(oldXJ_ID.indexOf("0000",2)!= -1)&&(name[i].indexOf("0000",2) != -1))      
  39.                              {      
  40.                                  //var newStr=startStr+'0000';      
  41.                                  //alert(newStr);      
  42.                                  alert("其它省,请联系管理添加顶级省");      
  43.                              }      
  44.                              //省级方法      
  45.                              if((name[i].indexOf(biteStr) != -1)&&(oldXJ_ID.indexOf("0000",2)!= -1)&&(name[i].indexOf("0000",2) != -1))      
  46.                              {      
  47.                                document.getElementById("ParentID").value=name[i];      
  48.                                document.getElementById("ParentIDs").value=valueJianCheng[i];      
  49.                                break;      
  50.                              }      
  51.                              //市级方法      
  52.                              if((oldXJ_ID.indexOf("00",4) != -1)      
  53.                              &&(name[i].indexOf("0000",2) == -1)      
  54.                              &&(name[i].indexOf("00",4)!=-1)      
  55.                              &&(oldXJ_ID.indexOf("0000",2) == -1))      
  56.                              {      
  57.                                for(j=0;j<name.length;j++) {      <="" span="">
  58.                                  if((name[j].indexOf("0000",2) != -1))      
  59.                                  {      
  60.                                    document.getElementById("ParentID").value=name[j];      
  61.                                    document.getElementById("ParentIDs").value=valueJianCheng[j];      
  62.                                    break;      
  63.                                  }      
  64.                                }      
  65.                              }      
  66.                              //县级方法      
  67.                              var endStr=oldXJ_ID.substring(4,6);      
  68.                              if((name[i].indexOf(biteStr) != -1)&&(name[i].indexOf(endStr,4) == -1)&&(name[i].indexOf("0000",2) == -1)&&(oldXJ_ID.indexOf("0000",2) == -1))      
  69.                              {      
  70.                                 document.getElementById("ParentID").value=name[i];      
  71.                                document.getElementById("ParentIDs").value=valueJianCheng[i];      
  72.                                break;      
  73.                              }      
  74.                     }      
  75.                     return;      
  76.                   }      
  77.                   else     
  78.                   {      
  79.                     alert("编号输入错误,请重新正确填写" );      
  80.                     var parentSt=document.getElementById("XJ_ID");      
  81.                     parentSt.focus();      
  82.                     return;      
  83.                   }      
  84.              }      
  85.      
  86.               function addForm() {      
  87.      
  88.                 var xj_ids=document.getElementById("XJ_ID").value;      
  89.                   if(xj_ids == ""||xj_ids == null) {      
  90.                     alert("编号不能为空,请填写");      
  91.                         xj_ids.focus();      
  92.                     return;      
  93.                   }      
  94.                   var xj_MingCheng = document.getElementById("XJ_MingCheng");      
  95.                   if(xj_MingCheng.value==""){      
  96.                     alert("名称不能为空,请填写");      
  97.                     xj_MingCheng.focus();      
  98.                     return;      
  99.                   }      
  100.      
  101.                   var xj_JianCheng = document.getElementById("XJ_JianCheng");      
  102.                   if(xj_JianCheng.value==""){      
  103.                     alert("简称不能为空,请填写");      
  104.                     xj_JianCheng.focus();      
  105.                     return;      
  106.                   }      
  107.                   var parentID = document.getElementById("ParentID");      
  108.                   if(parentID.value==""){      
  109.                     alert("上级编号不能为空,请填写");      
  110.                     parentID.focus();      
  111.                     return;      
  112.                   }      
  113.               }      
  114.         </script>     
分享到:
评论
2 楼 wdmcln 2007-07-18  
自动匹配到所在省市县
    拿山东省来举例:
    370000---山东省
    370800---市
    370825---县
    
     当用户输入370801这个编号的时候
     省市县文本框中就要出现这个编号的名称
     省的话,就是它自己;
     市的话,它的上一级就是省,所以在省市县文本框中都应显示省
    上面的代码,功能已经实现,但是局限性太强了,所以想请大家来帮
        帮忙[color=blue]
[/color]
1 楼 campaign 2007-07-17  
没太理解你的需求,意思是要我输入一个号码,他会到后台把相关的名称都读出来,比如我输入1,他会到后台把以1开头的所有记录都读出来,在表里是编码对应地名吗

相关推荐

    自定义车牌号输入键盘

    对于“自适应的自定义车牌号输入键盘”,这意味着键盘会根据用户的设备和屏幕尺寸自动调整其布局和大小,确保在各种环境下都能正常使用。在移动设备上,这种自适应能力尤为重要,因为它可以优化用户体验,避免因为...

    javascript html5 canvas实现可拖动省份的中国地图_.docx

    ### JavaScript HTML5 Canvas 实现可拖动省份的中国地图知识点详解 #### 一、项目概述与背景 本项目旨在利用JavaScript结合HTML5的Canvas技术来实现一个可交互式的中国地图,用户可以通过鼠标拖动的方式查看不同...

    手机号码归属地在线查询触屏版自适应手机wap查询网站模板

    通常,这类服务会结合后端数据库,通过输入的手机号码,查询出该号码所属的运营商、省份和城市等信息,对于用户来说,可能是出于隐私保护、反垃圾电话或者是了解未知来电背景的需求。 在压缩包的文件名列表中,我们...

    jQuery移动端手机键盘输入车牌号特效代码

    在车牌号输入中,通常需要用户按照特定的格式输入,例如中国的车牌号由汉字、字母和数字组成,且有特定的省份或城市的标识。此代码实现了一个定制化的键盘,用户可以通过点击虚拟按键来输入车牌号,减少了在小屏幕上...

    echarts全国地图展示

    ECharts 是一个由百度开发的基于 JavaScript 的开源可视化库,广泛应用于数据可视化领域,包括图表、地图等。在“echarts全国地图展示”这个主题中,我们将深入探讨如何使用 ECharts 来创建一个动态的、交互式的中国...

    html5地区三级联动

    2. JavaScript处理:通过JavaScript,我们可以监听用户的选择事件,根据当前选中的省份或城市动态加载其下属的市或区列表。这里可以使用事件委托来优化性能,避免为每个选项添加事件监听器。同时,JavaScript还可以...

    echarts实现中国地图、鼠标悬浮、点击跳转对应省市、给省市图标、缩放、拖拽、自适应

    1. 环境准备 安装Vue.js:如果你还没有安装Vue.js,你可以通过npm或yarn进行安装。 安装ECharts:同样,通过npm或yarn安装ECharts。 2. 创建Vue组件 在Vue项目中创建一个新的组件,比如ChinaMap.vue,用于展示中国...

    全国省市三级联动

    当用户在第一级(如国家)做出选择时,JavaScript会根据预定义的数据加载对应的二级(如省份)选项,接着在省份选择后加载相应的三级(如城市)选项。这种响应式更新提高了用户体验,减少了用户手动输入的负担。 在...

    jQuery中国省份地图选择高亮特效代码

    【jQuery中国省份地图选择高亮特效代码】是一个利用jQuery库实现的交互式地图插件,专为网页设计者提供了一种高效且直观的方式来展示中国的省份和城市选择。这个插件结合了Bootstrap框架的优秀设计原则,使用户在...

    H5 省市选择

    在这个场景中,"H5 省市选择"指的是一个功能模块,它允许用户在H5页面上方便地选择中国的省份和城市,通常用于地址输入或者地理位置相关的服务。下面将详细讨论这个知识点。 首先,构建H5省市选择功能通常涉及到...

    原生js form表单美化插件表单元素input select下拉框

    3. 动态更新:实时根据用户输入或选择更新其他表单元素的状态,例如根据输入的省份动态加载城市列表。 五、表单提交 1. 阻止默认行为:在onsubmit事件中使用event.preventDefault()防止表单默认的提交动作。 2. ...

    移动端地址选择器

    它通常包含省份、城市、区县等层级,用户可以通过滑动或者点击进行逐级选择,避免手动输入带来的错误和不便。 2. **设计原理** 移动端地址选择器的设计基于交互性和效率。它通常采用下拉列表或者弹出层的形式,...

    echarts的地图展示

    3. 移动端适配:确保地图应用在不同设备和屏幕尺寸上都能良好显示,可以利用ECharts的响应式设计或者自适应配置。 总结,ECharts地图展示是一个强大的功能,结合Tomcat服务器,可以方便地搭建出交互式地图应用。...

    EChartsDemo源码.zip

    ECharts是一款由百度开源的、基于JavaScript的数据可视化库,适用于网页端的数据展示。下面,我们将深入探讨ECharts的核心特性和在EChartsDemo源码中可能涵盖的知识点。 1. **ECharts基本概念** - ECharts是一个...

    省市县级联下拉框

    实现这样的功能,开发者通常会采用JavaScript或者相关的前端框架,如jQuery、Vue.js、React.js等。在后端,可能涉及到的数据存储结构通常是多级嵌套的树形结构,比如JSON格式,包含每个行政区域的ID、名称以及子区域...

    基于bootstrap做的地域选择下拉框.zip

    1. **响应式设计**:Bootstrap的响应式网格系统确保了无论在桌面、平板还是手机上,下拉框都能自适应显示,保持良好的用户体验。 2. **样式统一**:Bootstrap的CSS样式使得下拉框与页面其他元素风格一致,符合...

    echarts全国、各省地理数据js及json格式(含参考示例).zip

    ECharts是一款由百度开源的,基于JavaScript的数据可视化库,它提供了丰富的图表类型,精美的图表效果,以及易于使用的API和配置项,适用于Web端的数据可视化需求。本压缩包中的资源专注于中国地图的地理数据,包括...

    Echarts 地图图表示例

    在JavaScript中,ECharts提供了一系列API供开发者调用,例如`resize()`用于图表自适应窗口大小,`dispatchAction()`用于触发图表上的各种动作,`getZoomOnPosition()`获取当前地图的缩放比例和中心位置等。...

    vue-echarts-map-demo:echarts全国及省市地图下钻示例

    ECharts是一个使用JavaScript实现的开源可视化库,提供了丰富的图表类型,如折线图、柱状图、饼图以及地图等。Vue.js则是一款轻量级的前端MVVM框架,它具有组件化、虚拟DOM、响应式数据绑定等特性,使得开发更加高效...

    echarts用到的中国各省的js

    在本压缩包中,包含的是专用于ECharts的中国各省地图的JavaScript文件,使得开发者能够轻松绘制出中国各省份的地图图表。 首先,我们要理解ECharts地图组件的工作原理。ECharts中的地图图表是通过SVG或者Canvas来...

Global site tag (gtag.js) - Google Analytics