美文网首页
前端搜索城市(包括拼音和缩写)

前端搜索城市(包括拼音和缩写)

作者: 不会写代码的机器人 | 来源:发表于2019-11-22 18:32 被阅读0次

参考:http://www.100sucai.com/demo.php?id=171

<script>
      let NVcity = {}
      NVcity.allCity = [ //待完整城市
        '北京|beijing|bj',
        '上海|shanghai|sh',
        '重庆|chongqing|cq',
        '深圳|shenzhen|sz',
        '广州|guangzhou|gz',
        '杭州|hangzhou|hz',
        '南京|nanjing|nj',
        '苏州|shuzhou|sz',
        '天津|tianjin|tj',
        '成都|chengdu|cd',
        '南昌|nanchang|nc',
        '三亚|sanya|sy',
        '青岛|qingdao|qd',
        '厦门|xiamen|xm',
        '西安|xian|xa',
        '长沙|changsha|cs',
        '合肥|hefei|hf',
        '西藏|xizang|xz',
        '内蒙古|neimenggu|nmg',
        '安庆|anqing|aq',
        '阿泰勒|ataile|atl',
        '安康|ankang|ak',
        '阿克苏|akesu|aks',
        '包头|baotou|bt',
        '北海|beihai|bh',
        '百色|baise|bs',
        '保山|baoshan|bs',
        '长治|changzhi|cz',
        '长春|changchun|cc',
        '常州|changzhou|cz',
        '昌都|changdu|cd',
        '朝阳|chaoyang|cy',
        '常德|changde|cd',
        '长白山|changbaishan|cbs',
        '赤峰|chifeng|cf',
        '大同|datong|dt',
        '大连|dalian|dl',
        '达县|daxian|dx',
        '东营|dongying|dy',
        '大庆|daqing|dq',
        '丹东|dandong|dd',
        '大理|dali|dl',
        '敦煌|dunhuang|dh',
        '鄂尔多斯|eerduosi|eeds',
        '恩施|enshi|es',
        '福州|fuzhou|fz',
        '阜阳|fuyang|fy',
        '贵阳|guiyang|gy',
        '桂林|guilin|gl',
        '广元|guangyuan|gy',
        '格尔木|geermu|gem',
        '呼和浩特|huhehaote|hhht',
        '哈密|hami|hm',
        '黑河|heihe|hh',
        '海拉尔|hailaer|hle',
        '哈尔滨|haerbin|heb',
        '海口|haikou|hk',
        '黄山|huangshan|hs',
        '邯郸|handan|hd',
        '汉中|hanzhong|hz',
        '和田|hetian|ht',
        '晋江|jinjiang|jj',
        '锦州|jinzhou|jz',
        '景德镇|jingdezhen|jdz',
        '嘉峪关|jiayuguan|jyg',
        '井冈山|jinggangshan|jgs',
        '济宁|jining|jn',
        '九江|jiujiang|jj',
        '佳木斯|jiamusi|jms',
        '济南|jinan|jn',
        '喀什|kashi|ks',
        '昆明|kunming|km',
        '康定|kangding|kd',
        '克拉玛依|kelamayi|klmy',
        '库尔勒|kuerle|kel',
        '库车|kuche|kc',
        '兰州|lanzhou|lz',
        '洛阳|luoyang|ly',
        '丽江|lijiang|lj',
        '林芝|linzhi|lz',
        '柳州|liuzhou|lz',
        '泸州|luzhou|lz',
        '连云港|lianyungang|lyg',
        '黎平|liping|lp',
        '连成|liancheng|lc',
        '拉萨|lasa|ls',
        '临沧|lincang|lc',
        '临沂|linyi|ly',
        '芒市|mangshi|ms',
        '牡丹江|mudanjiang|mdj',
        '满洲里|manzhouli|mzl',
        '绵阳|mianyang|my',
        '梅县|meixian|mx',
        '漠河|mohe|mh',
        '南充|nanchong|nc',
        '南宁|nanning|nn',
        '南阳|nanyang|ny',
        '南通|nantong|nt',
        '那拉提|nalati|nlt',
        '宁波|ningbo|nb',
        '攀枝花|panzhihua|pzh',
        '衢州|quzhou|qz',
        '秦皇岛|qinhuangdao|qhd',
        '庆阳|qingyang|qy',
        '齐齐哈尔|qiqihaer|qqhe',
        '石家庄|shijiazhuang|sjz',
        '沈阳|shenyang|sy',
        '思茅|simao|sm',
        '铜仁|tongren|tr',
        '塔城|tacheng|tc',
        '腾冲|tengchong|tc',
        '台州|taizhou|tz',
        '通辽|tongliao|tl',
        '太原|taiyuan|ty',
        '威海|weihai|wh',
        '梧州|wuzhou|wz',
        '文山|wenshan|ws',
        '无锡|wuxi|wx',
        '潍坊|weifang|wf',
        '武夷山|wuyishan|wys',
        '乌兰浩特|wulanhaote|wlht',
        '温州|wenzhou|wz',
        '乌鲁木齐|wulumuqi|wlmq',
        '万州|wanzhou|wz',
        '乌海|wuhai|wh',
        '兴义|xingyi|xy',
        '西昌|xichang|xc',
        '襄樊|xiangfan|xf',
        '西宁|xining|xn',
        '锡林浩特|xilinhaote|xlht',
        '西双版纳|xishuangbanna|xsbn',
        '徐州|xuzhou|xz',
        '义乌|yiwu|yw',
        '永州|yongzhou|yz',
        '榆林|yulin|yl',
        '延安|yanan|ya',
        '运城|yuncheng|yc',
        '烟台|yantai|yt',
        '银川|yinchuan|yc',
        '宜昌|yichang|yc',
        '宜宾|yibin|yb',
        '盐城|yancheng|yc',
        '延吉|yanji|yj',
        '玉树|yushu|ys',
        '伊宁|yining|yn',
        '珠海|zhuhai|zh',
        '昭通|zhaotong|zt',
        '张家界|zhangjiajie|zjj',
        '舟山|zhoushan|zs',
        '郑州|zhengzhou|zz',
        '中卫|zhongwei|zw',
        '芷江|zhijiang|zj',
        '湛江|zhanjiang|zj'
      ]
      NVcity.regEx = /^([\u4E00-\u9FA5\uf900-\ufa2d]+)\|(\w+)\|(\w)\w*$/i //正则
      //   NVcity.regExChiese = /([\u4E00-\u9FA5\uf900-\ufa2d]+)/
      let value = '北' //输入框value
      function aa() {
        if (value !== '') {
          var reg = new RegExp('^' + value + '|\\|' + value, 'gi')
          // 此处需设置中文输入法也可用onpropertychange
          var searchResult = []
          var str
          for (var i = 0, n = NVcity.allCity.length; i < n; i++) {
            if (reg.test(NVcity.allCity[i])) {
              var match = NVcity.regEx.exec(NVcity.allCity[i])
              if (searchResult.length !== 0) {
                str = match[1]
              } else {
                str = match[1]
              }
              searchResult.push(str)
            }
          }
          console.log(searchResult)
        }
      }
      aa()
    </script>

相关文章

网友评论

      本文标题:前端搜索城市(包括拼音和缩写)

      本文链接:https://www.haomeiwen.com/subject/heiqwctx.html