zoukankan      html  css  js  c++  java
  • 数据交互 -- 初始化省市区

    // 初始化省
    function init_province () {
    	var province_str = '';
    	province_str += '<li class="hz-border-b" data-province="0">全国</li>';
    
    	for ( var o in provs_data ) {
    		province_str += '<li class="hz-border-b" data-province="'+provs_data[o].value+'">'+provs_data[o].text+'</li>'
    	}
    
    	$(".grade-province").html(province_str);
    
    	$(".grade-province li").click(function() {
    		var id = $(this).attr('data-province');
    		$(".grade-city").css('left', 33 + '%');
    
    		init_city(id);
    
    	});
    
    }
    
    // 初始化地区
    function init_city (id) {
    	var city_str = '';
    
    	if ( id == '全国' ) {
    		city_str += '<li class="hz-border-b" data-province="' + id + '" dat-city="0">全国</li>';
    	} else {
    		city_str += '<li class="hz-border-b" data-province="' + id + '" dat-city="0">全国</li>';
    		for ( var c in citys_data[id] ) {
    			city_str += '<li class="hz-border-b" data-province="'+ id +'" data-city="' + citys_data[id][c].value + '">' + citys_data[id][c].text + '</li>'
    		}
    	}
    
    	$(".grade-city").html(city_str);
    	$(".grade-city li").click(function() {
    		$('.common-eject').removeClass("top-slide");
    
    		// 更新数据
    		var search_num = $(this).attr('data-province') + ',' + $(this).attr('data-city');
    
    		alert(search_num);
    	})
    
    }
    

      

  • 相关阅读:
    你不知道的JS系列上( 40 ) - 什么是类
    CF356E
    [HDU4135]CO Prime(容斥)
    [POJ 2888]Magic Bracelet[Polya Burnside 置换 矩阵]
    Polya定理与Burnside引理
    选举
    David与Vincent的博弈游戏[树型DP]
    Vincent的城堡
    三元组
    vue打包体积优化之旅
  • 原文地址:https://www.cnblogs.com/zsongs/p/6005226.html
Copyright © 2011-2022 走看看