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

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

作者: 不会写代码的机器人 | 来源:发表于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