城市选择插件研究(个人研究用——转载至他人文章)

最新推荐文章于 2022-10-17 21:37:16 发布
最新推荐文章于 2022-10-17 21:37:16 发布
阅读量282 收藏 1
点赞数 1
分类专栏： 转载——javascript之城市选择器
<!DOCTYPE html>
<html>
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
   <title>原生Js汉语拼音首字母匹配城市名</title>
   <style type="text/css">
      *{margin: 0;padding: 0}

       /*弹出城市列表*/
      div#popCity{ visibility: hidden; font: 13px Arial;position: absolute;top: 0;left: 0;background-color: #fff; box-shadow: 2px 2px 3px rgba(0,0,0,0.3);border: 1px solid #85BEE5;width: 400px;}
      div#popCity h1{font-size: 14px;background-color:#85BEE5;padding: 5px;color: #fff; }
      ul#popMenu{margin-top: 5px;overflow: hidden;zoom:1;}
      ul#popMenu li{display: block;float:left;margin-left:5px; cursor: pointer; font: 13px Arial;border: 1px solid #85BEE5;background-color: #e1effe;padding: 2px 5px;height: 16px;}
      ul#popMenu li.active{background-color: #fff;border-bottom: 1px solid #fff;position: relative;}
      div#popCityCon{border-top: 1px solid #85BEE5;margin-top: -1px;padding: 5px 0;}
      div#popCityCon div{display: none;}
      div#popCityCon div.active{display: block;}
      div#popCityCon dl{overflow: hidden;margin:2px 0;overflow: hidden;}
      div#popCityCon dt{float: left;width: 50px;text-align: center;color: #666;}
      div#popCityCon dd{float: left;width: 350px;}
      div#popCityCon a{ cursor: pointer;padding: 2px 5px;color: #3b5998;display: inline-block;}
      div#popCityCon a:hover{background-color: orange;color: #fff;}
      div#popCityCon a.active{background-color: orange;color: #fff;}
      div#popCityCon div.active{display: block;}

      /*搜索提示框*/
      #popList{ visibility: visible;border: 1px solid #ccc;font: 14px Arial;background-color: #fff;position: absolute;}
      #popList ul{width: 100%;list-style-type: none;}
      #popList ul li{padding: 5px;}
      #popList ul li:hover{background-color: #ececec;cursor:default; }
      #popList ul li.active{background-color: #ececec;cursor:default; }
   </style>
</head>
<body>

<input type="text" class="cityinput" id="city1" value="城市名">
<br/>

<select name="IE6">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>
<select name="IE6">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>
<select name="IE6" >
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>
<select name="IE6" >
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>
<select name="IE6">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>
<select name="IE6">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>
<select name="IE6">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>
<select name="IE6">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>
<input type="text" class="cityinput" id="city2" value="城市名">
<select name="IE6" >
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>
<select name="IE6" >
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>
<br/>
<select name="IE6">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>
<select name="IE6">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>
<select name="IE6">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>
<select name="IE6">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>
<select name="IE6" >
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>
<select name="IE6" >
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>
<select name="IE6">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>
<select name="IE6">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>
<br/>
<select name="IE6">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>
<select name="IE6">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>
<select name="IE6">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>
<br/>
<select name="IE6">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>
<select name="IE6">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>
<select name="IE6">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>
<br/>
<select name="IE6">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>
<select name="IE6">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>
<select name="IE6">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>
<br/>
<select name="IE6">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>
<select name="IE6">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>
<select name="IE6">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>
<br/>
<select name="IE6">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>
<select name="IE6">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>
<select name="IE6">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>
<br/>
<select name="IE6">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>
<select name="IE6">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>
<select name="IE6">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>
<br/>
<select name="IE6">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>
<select name="IE6">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>
<select name="IE6">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>
<br/>
<select name="IE6">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>
<select name="IE6">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>
<select name="IE6">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>
<br/>
<select name="IE6">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>
<select name="IE6">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>
<select name="IE6">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>
<br/>
<select name="IE6">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>
<select name="IE6">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>
<select name="IE6">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>
<br/>
<select name="IE6">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>
<select name="IE6">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>
<select name="IE6">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>
<script type="text/javascript">
var _CalF = {
   $ : function(object){//选择器
     if(object === undefined ) return;
     var getArr = function(name,tagName,attr){
           var tagName = tagName || '*',
               eles = document.getElementsByTagName(tagName),
               clas = (typeof document.body.style.maxHeight === "undefined") ? "className" : "class";//ie6
               attr = attr || clas,
               Arr = [];
           for(var i=0;i<eles.length;i++){
             if(eles[i].getAttribute(attr)==name){
               Arr.push(eles[i]);
             }
           }
           return Arr;
         };
   
     if(object.indexOf('#') === 0){  //#id
       return document.getElementById(object.substring(1));
     }else if(object.indexOf('.') === 0){  //.class
       return getArr(object.substring(1));
     }else if(object.match(/=/g)){  //attr=name
       return getArr(object.substring(object.search(/=/g)+1),null,object.substring(0,object.search(/=/g)));
     }else if(object.match(/./g)){ //tagName.className
       return getArr(object.split('.')[1],object.split('.')[0]);
     }
   },
   addHandler:function(node, type, handler){
       node.addEventListener ? node.addEventListener(type, handler, false) : node.attachEvent('on'+ type, handler);
   },
   removeHandler: function (node, type, handler) {
       node.removeEventListener ? node.removeEventListener(type, handler, false) : node.detachEvent("on" + type, handler);
   },
   getPosition : function(obj) { //获取元素在页面里的位置和宽高
      var top = 0,
          left = 0,
          width = obj.offsetWidth,
          height = obj.offsetHeight;
 
      while(obj.offsetParent){
          top += obj.offsetTop;
          left += obj.offsetLeft;
          obj = obj.offsetParent;
      }
 
      return {"top":top,"left":left,"width":width,"height":height};
   },
   addClass:function(c,node){  // 添加样式名
       node.className = node.className + ' ' + c;
   },
   removeClass:function(c,node){ // 移除样式名
       var reg = new RegExp("(^|\\s+)" + c + "(\\s+|$)","g");
       node.className = node.className.replace(reg, '');
   },
   stopPropagation:function(event){  // 阻止冒泡
       var event = event || window.event;
       event.stopPropagation ? event.stopPropagation() : event.cancelBubble = true;
   },
   getStyle : function(obj, attr){  //获取css属性
    if(obj.currentStyle){
      return obj.currentStyle[attr];
    }else{
      return getComputedStyle(obj, false)[attr];
    }
   },
   ie6 : function(){
      return !!window.ActiveXObject && !window.XMLHttpRequest;
   }
 
 };

var cityData = ['北京|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'];


var iCity = {
  inputSelector : function(id){ //input添加点击事件
      var input =document.getElementById(id);
      _CalF.addHandler(input,'click',function(){
          iCity.input = input;
          popList.style.visibility = "hidden";
          iCity.outClick();
          iCity.aClick();
          iCity.getPosition();
      });
      _CalF.addHandler(input,'keyup',function(event){
            var event = event || window.event,
                keycode = event.keyCode;
            popCity.style.visibility = "hidden";
            iCity.createUL();
      });
  },
  _temp : [
    "<h1>选择城市(支持汉字/拼音/拼音缩写)</h1>",
    "<ul id='popMenu'>",
    "<li class='active'>热门城市</li>",
    "<li>ABCDEFG</li>",
    "<li>HIGHLMN</li>",
    "<li>OPQRSTU</li>",
    "<li>VWXYZ</li>",
    "</ul>",
    "<div id='popCityCon'></div>"
  ],
  cityClass : function(){ //城市分类
      if(!this.citys){
        //{HOT:{hot:[],ABCDEFG:{a:[1,2,3],b:[1,2,3]},HIGHLMN:{},OPQRSTU:{},VWXYZ:{}}
        this.citys = {"hotCity":[],"ABCDEFG":{},"HIGHLMN":{},"OPQRSTU":{},"VWXYZ":{}};
        var make,fn,name,
            reg1 = /^[a-g]$/i, reg2 = /^[h-n]$/i, reg3 = /^[o-u]$/i,reg4 = /^[v-z]$/i;

        for(i in cityData){
          make = cityData[i].split("|");  //分割成数组
          fn = make[2].substring(0,1).toUpperCase();  //获取英文第一个字母转换成大写
          name = make[0];
          if(reg1.test(fn)){
            if(!this.citys.ABCDEFG[fn]) this.citys.ABCDEFG[fn]=[];
            this.citys.ABCDEFG[fn].push(name)
          }else if(reg2.test(fn)){
            if(!this.citys.HIGHLMN[fn]) this.citys.HIGHLMN[fn]=[];
            this.citys.HIGHLMN[fn].push(name)
          }else if(reg3.test(fn)){
            if(!this.citys.OPQRSTU[fn]) this.citys.OPQRSTU[fn]=[];
            this.citys.OPQRSTU[fn].push(name)
          }else if(reg4.test(fn)){
            if(!this.citys.VWXYZ[fn]) this.citys.VWXYZ[fn]=[];
            this.citys.VWXYZ[fn].push(name)
          }

          if(i<20){
            if(!this.citys.hotCity["HOT"]) this.citys.hotCity["HOT"]=[];
            this.citys.hotCity["HOT"].push(name);
          }
        }

      }
  },
  creatDiv : function(){
      var popCity = document.createElement("div");  //城市div
      popCity.id = "popCity";
      popCity.innerHTML = this._temp.join("");
      _CalF.addHandler(popCity,"click", _CalF.stopPropagation); //阻止事件冒泡

      var popList = document.createElement("div");  //输入提示div
       _CalF.addHandler(popList,"click", _CalF.stopPropagation); //阻止事件冒泡
      popList.id="popList";

      document.body.appendChild(popCity);
      document.body.appendChild(popList);
      this.popCity = popCity;
      this.popList = popList;
  },
  getData :function(){
      this.creatDiv();
      this.cityClass();
      var i,div,arr,dl,dt,dd,_tempDD,
          popCityCon = _CalF.$("#popCityCon"),
          data = this.citys;

      for(var i in data){
        div = document.createElement("div");
        div.id = i;
        if(div.id=="hotCity") div.className ="active";
        arr=[];

        for(var b in data[i]){
          arr.push(b);
          arr.sort();
        }

        for(var c in arr){
          dl = document.createElement("dl");
          dt = document.createElement("dt");
          dd = document.createElement("dd");
          dt.innerHTML = arr[c];

          _tempDD = [];
          for(var d in data[i][arr[c]]){
            _tempDD.push("<a>"+data[i][arr[c]][d]+"</a>");
          }
          dd.innerHTML = _tempDD.join("");

          dl.appendChild(dt);
          dl.appendChild(dd);
          div.appendChild(dl);
        }

        popCityCon.appendChild(div);
      }
      if(_CalF.ie6()){
        popCityCon.appendChild(this.createIframe());
        this.aHover();
      }
      this.tabClick();
  },
  tabClick : function(){
      var index,
          popMenu = _CalF.$("#popMenu"),
          popCityCon = _CalF.$("#popCityCon"),
          myIframe = _CalF.$("#myIframe"),
          popCity = _CalF.$("#popCity"),
          lis = popMenu.getElementsByTagName("li"),
          divs = popCityCon.getElementsByTagName("div");
      for(var i=0;i<lis.length;i++){
          lis[i].index = i;
          lis[i].onclick = function(){
              for(var j=0;j<i;j++){
                _CalF.removeClass("active",lis[j]);
                _CalF.removeClass("active",divs[j]);
              }
            _CalF.addClass("active",this);
            _CalF.addClass("active",divs[this.index]);
            if(_CalF.ie6()){myIframe.style.height = popCity.offsetHeight + 'px';};
          }
      }
  },
  aClick : function(){
      var that = this,
          popCityCon = _CalF.$("#popCityCon"),
          links = popCityCon.getElementsByTagName("a");
      for(var i in links){
        links[i].onclick = function(){
            that.input.value = this.innerHTML;
            that.popCity.style.visibility = "hidden";
        }        
      }
  },
  aHover : function(){
      var that = this,
          popCityCon = _CalF.$("#popCityCon"),
          links = popCityCon.getElementsByTagName("a");
      for(var i in links){
          links[i].onmouseover = function(){_CalF.addClass("active",this)}
          links[i].onmouseout = function(){_CalF.removeClass("active",this)}
      }
  },
  liClick :function(){
      var that = this,
          popList = that.popList,
          lis = popList.getElementsByTagName("li");
      for(var i=0, len = lis.length; i<len; i++){
          lis[i].onclick = function(){
             that.input.value = this.innerHTML;
             that.popList.style.visibility = "hidden";
          }
      }
  },
  liHover :function(){
      var that = this,
          popList = that.popList,
          lis = popList.getElementsByTagName("li");
      for(var i=0, len = lis.length; i<len; i++){
        lis[i].onmouseover = function(){_CalF.addClass("active",this)}
        lis[i].onmouseout = function(){_CalF.removeClass("active",this)}
      }
  },
  getPosition : function(){
      var Pos = _CalF.getPosition(iCity.input);
      popCity.style.top =  Pos.top + Pos.height + "px";
      popCity.style.left = Pos.left + "px";
      popCity.style.visibility = "visible";

      popList.style.top =  Pos.top + Pos.height + "px";
      popList.style.left = Pos.left + "px";
      popList.style.width = Pos.width + "px";
  },
  createIframe : function(){  //ie6创建iframe遮罩
       var myIframe =  document.createElement('iframe');
         myIframe.id = 'myIframe';
         myIframe.style.position = 'absolute';
         myIframe.style.zIndex = '-1';
         myIframe.style.left = '-1px';
         myIframe.style.top = 0;
         myIframe.style.border = 0;
         myIframe.style.filter = 'alpha(opacity= 0 )';
         myIframe.style.width = this.popCity.offsetWidth + 'px';
         myIframe.style.height = this.popCity.offsetHeight + 'px';
         this.myIframe = myIframe;
         return myIframe;
  },
  createIframe2 : function(){  //ie6创建iframe遮罩
       var myIframe2 =  document.createElement('iframe');
         myIframe2.id = 'myIframe2';
         myIframe2.style.position = 'absolute';
         myIframe2.style.zIndex = '-1';
         myIframe2.style.left = '-1px';
         myIframe2.style.top = 0;
         myIframe2.style.border = 0;
         myIframe2.style.filter = 'alpha(opacity= 0 )';
         myIframe2.style.width = this.popList.offsetWidth + 'px';
         myIframe2.style.height = this.popList.offsetHeight + 'px';
         return myIframe2;
  },
  createUL : function(){
      var value = this.input.value,
          popList = this.popList;
      if(value !==""){
        var ul = document.createElement('ul'),
            searchResult = [],
            reg = new RegExp("^" + value + "|\\|" + value, 'gi'),
            make,str;
        searchResult.push("<ul>");
        for(var i in cityData){
           if(reg.test(cityData[i])){ //含有字符串
              make = cityData[i].split("|");  //分割成数组
              str = "<li>"+make[0]+"</li>";
              searchResult.push(str);
           }
        }
        searchResult.push("</ul>");

        if(searchResult.length>2){
          popList.innerHTML = searchResult.join("");
          if(_CalF.ie6()){
            popList.appendChild(this.createIframe2());
            this.liHover();
          };
          this.liClick();
          popList.style.visibility = "visible";
        }

      }else{
          popList.style.visibility = "hidden";
      }
  },
  outClick:function(){  //鼠标在对象区域外点击隐藏
     var that = this;
     _CalF.addHandler(document, 'click',function(event){
         var event = event || window.event,
             target = event.target || event.srcElement;
         if(target == that.input || target==that.popCity || target==that.popList) return;
         that.popCity.style.visibility = "hidden";
         that.popList.style.visibility = "hidden";
     });
  }


};

iCity.getData();
var input1 = iCity.inputSelector("city1");
var input2 = iCity.inputSelector("city2");
</script>
</body>
</html>
pjd370786569
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
原生 js 城市选择插件
03-22
原生 JS 城市选择插件，支持简拼、全拼或文字输入搜索，支持鼠标、键盘选择。很久之前使用到的一个js 插件，放在这里供免费分享。 使用方法：var test=new Vcity.CitySelector({input:'citySelect'});
微信小程序学习资料——转载
weixin_34186950的博客
10-23 4873
注：本文转载知乎上的回答 作者：初雪 链接：www.zhihu.com/question/50… 来源：知乎 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 微信小程序正式公测，张小龙全面阐述小程序，定档1月9日上线（附90分钟演讲全文） ... 前言：新人第一坑，跳坑指南：修改后，必须保存；ctrl+S； 1：官方工具：mp.weixin.qq.com/debug/w .....
开荒手册2——小论文篇
April_Liu的blog
10-17 4518
写作时顺序会和阅读顺序不太一致：Methodology+Experiments、Introduction+Related work、Abstract+Conclusion。
三星手机android,个人评测 篇三：三星S10e还值得买吗——半年使用杂谈，最终篇...
weixin_34285757的博客
05-27 3406
个人评测 篇三：三星S10e还值得买吗——半年使用杂谈，最终篇2019-08-23 20:01:04202点赞162收藏371评论创作立场声明：本文纯粹站在个人作为S10e手机用户的立场下撰写，不求绝对客观，仅仅希望为广大值友贡献第一手的信息。说起来，时间过得真快啊 。3月上旬，我成为了第一批国行三星S10e的机主，并在本站较早地发布了最初的S10e使用评测，重点关注了该款手机在拍照上的表现。作为...
android 插件化
Jingxi Yang的博客
08-31 822
微信上看到的一篇文章，写的不错，转载过来，原文链接：https://mp.weixin.qq.com/s?__biz=MjM5MDE0Mjc4MA==&mid=2650993300&idx=1&sn=797fa87ef528cff3a50e77806cf9f675&scene=1&srcid=0712XDu1Kfq5qZVbLXDK2wkv&key=7b81aac53bd2393d583c2960
JQuery城市选择插件.zip
06-14
自己编写的一个小小的基于JQuery的城市选择插件，可用于移动端或PC端
修补WPS个人版使用AxMath插件的补丁——VBA
05-05
1、MS Office Word和PPT菜单栏自动显示AxMath插件 2、WPS Word菜单栏需要每次手动添加AxMath插件，不会自动显示 3、WPS PPT菜单栏不显示AxMath插件，手动添加也不支持 针对WPS Word，解决方案： 1、将个人版升级为...
中国城市省市级联选择插件
03-11
中国城市省市级联选择插件，中国城市省市级联选择插件中国城市省市级联选择插件中国城市省市级联选择插件中国城市省市级联选择插件中国城市省市级联选择插件中国城市省市级联选择插件中国城市省市级联选择插件中国...
使用SUBCLIPSE——针对ECLIPSE的SUBVERSION插件
02-04
许多开源项目使用Subversion作为版本控制系统，其中包括BEA的dev2devCodeShare站点上的项目。有一个简短的指南介绍了如何为CodeShare建立支持Windows的命令行SVN客户端和TortioseSVN。然而，使用自己的IDE中的...
关于__Federico Milano 的电力系统分析工具箱.zip
04-26
1.版本：matlab2014/2019a/2021a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。
mlab-upenn 研究小组的心脏模型模拟.zip
04-26
1.版本：matlab2014/2019a/2021a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。
混合图像创建大师matlab代码.zip
04-26
1.版本：matlab2014/2019a/2021a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。
中序遍历二叉树-java版本
04-26
在Java中，实现二叉树的中序遍历同样可以通过递归来完成。中序遍历的顺序是：首先递归地中序遍历左子树，然后访问根节点，最后递归地中序遍历右子树。 在这段代码中，Node类定义了二叉树的节点，BinaryTree类包含一个指向根节点的指针和inOrder方法，用于递归地进行中序遍历。printInOrder方法调用inOrder方法并打印出遍历的结果。 在Main类中，我们创建了一个示例二叉树，并调用printInOrder方法来输出中序遍历的结果。输出应该是：4 2 5 1 3，这表示中序遍历的顺序是左子树（4），然后是根节点（2），接着是右子树的左子树（5），然后是右子树的根节点（1），最后是右子树的右子树（3）。
无头单向非循环链表的实现（SList.c）
最新发布
04-26
无头单向非循环链表的实现（函数定义文件）
两个有序链表的合并pta
04-26
"PTA" 通常指的是一种在线编程平台，例如“Pata”或者某些特定学校或组织的编程练习与自动评测系统。在这种平台或系统中，学生或程序员会提交代码来解决各种问题，然后系统会自动运行并评测这些代码的正确性。 当提到“两个有序链表的合并PTA”时，这通常意味着在PTA平台上解决一个特定的问题，即合并两个有序链表。具体任务可能是给定两个已按升序排序的链表，要求编写代码来合并这两个链表，形成一个新的有序链表。
在 Matlab 中创建的图形工具可改善航空航天数据的可视化.zip
04-26
1.版本：matlab2014/2019a/2021a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。
搜索引擎的设计与实现.zip
04-26
搜索引擎的设计与实现
年公司财务会计岗位工作总结（二）.docx
04-26
工作总结，新年计划，岗位总结，工作汇报，个人总结，述职报告，范文下载，新年总结，新建计划。
uniapp 城市列表选择插件 搜索 定位
05-10
随着移动互联网的不断发展，城市选择列表插件成为了很多公司或者个人开发者必须要面对的问题之一。而在 Uniapp 中，城市列表选择插件的运用早已成为了趋势。城市列表选择功能不仅简化了用户在输入城市时的选择，而且...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值