// 下拉框
$(".selectpanel li").click(function(e) {
    //e.stoppropagation();
    $(this).addclass('on').siblings('li').removeclass('on');
    var selecttxt = $(this).text();
    $(this).parent("ul.selectpanel").siblings('.select_show').val(selecttxt);
});
$(".thsh_select").click(function(e) {
    e.stoppropagation();
    $(this).find(".selectpanel").slidetoggle(300);
})
$(document).click(function(e) {
    $(".selectpanel").hide();
})

// 热门商圈
$(".moretoggle a").click(function() {
    $(this).toggleclass('on');
    $(".rmsqlist").toggleclass('on');
});

$("#jdval").siblings('ul').find("li").eq(0).click(function() {
    $("#jdval").val('');
});
$("#xlval").siblings('ul').find("li").eq(0).click(function() {
    $("#xlval").val();
});

// 城市联动
var city = [{ "name": "长春市", "city": [{ "name": "德惠市" }, { "name": "二道区" }, { "name": "高新区" }, { "name": "经济开发区" }, { "name": "净月开发区" }, { "name": "宽城区" }, { "name": "绿园区" }, { "name": "农安县" }, { "name": "南关区" }, { "name": "汽车厂开发区" }, { "name": "双阳区" }, { "name": "榆树市" }, { "name": "朝阳区" }, { "name": "公主岭市" }] },
    { "name": "吉林市", "city": [{ "name": "船营区" }, { "name": "昌邑区" }, { "name": "丰满区" }, { "name": "桦甸市" }, { "name": "蛟河市" }, { "name": "龙潭区" }, { "name": "磐石市" }, { "name": "舒兰市" }, { "name": "永吉县" }] },
    { "name": "白城市", "city": [{ "name": "白城经济开发区" }, { "name": "查干浩特旅游开发区" }, { "name": "大安市" }, { "name": "民营经济开发区" }, { "name": "洮北区" }, { "name": "洮南市" }, { "name": "通榆县" }, { "name": "镇赉县" }] },
    { "name": "白山市", "city": [{ "name": "长白朝鲜族自治县" }, { "name": "抚松县" }, { "name": "浑江区" }, { "name": "江源区" }, { "name": "靖宇县" }, { "name": "临江市" }] },
    { "name": "辽源市", "city": [{ "name": "东辽县" }, { "name": "东丰县" }, { "name": "龙山区" }, { "name": "西安区" }] },
    { "name": "四平市", "city": [{ "name": "梨树县" }, { "name": "双辽市" }, { "name": "铁东区" }, { "name": "铁西区" }, { "name": "伊通满族自治县" }] },
    { "name": "松原市", "city": [{ "name": "长岭县" }, { "name": "扶余市" }, { "name": "开发区" }, { "name": "宁江区" }, { "name": "乾安县" }, { "name": "前郭尔罗斯蒙古族自治县" }] },
    { "name": "通化市", "city": [{ "name": "东昌区" }, { "name": "二道江区" }, { "name": "辉南县" }, { "name": "集安市" }, { "name": "柳河县" }, { "name": "梅河口市" }, { "name": "通化县" }] },
    { "name": "延边朝鲜族自治州", "city": [{ "name": "安图县" }, { "name": "敦化市" }, { "name": "珲春市" }, { "name": "和龙市" }, { "name": "龙井市" }, { "name": "图们市" }, { "name": "汪清县" }, { "name": "延吉市" }] }
];

//联动
// 循环第一步,把省循环进select
for (var x = 0; x < city.length; x++) {
    $("#dqval").siblings('ul').append('<li>' + city[x].name + '</li>');
    for (c in city[x].city) {
        $(".rmsqlist").append('<li>▪ ' + city[x].city[c].name + '</li>');
        //热门商圈点击事件
        $(".rmsqlist li").click(function() {
            var sqtxt = $(this).text().split("▪ ")[1];
            $("#jdval").val(sqtxt);
            $("#thsh_searchbut").click();
        });
    }
};
$("#dqval").siblings('ul').find("li").click(function() {
    $("#dqval").val('');
    if ($(this).index() != 0) {
        $(this).addclass('on').siblings('li').removeclass('on');
        $("#dqval").val($(this).text());
        $("#jdval").val("");
        var selectindex1 = $(this).index() - 1;
        // 循环第二步
        $("#jdval").siblings('ul').html("<li class='first'>所有街道</li>");
        $(".rmsqlist").html('');
        for (var j = 0; j < city[selectindex1].city.length; j++) {
            $("#jdval").siblings('ul').append('<li>' + city[selectindex1].city[j].name + '</li>');
            $(".rmsqlist").append('<li>▪ ' + city[selectindex1].city[j].name + '</li>');
            //热门商圈点击事件
            $(".rmsqlist li").click(function() {
                var sqtxt = $(this).text().split("▪ ")[1];
                $("#jdval").val(sqtxt);
                $("#thsh_searchbut").click();
            });
        }
        $("#jdval").siblings('ul').find("li").click(function() {
            $(this).addclass('on').siblings('li').removeclass('on');
            $("#jdval").val($(this).text());
        });
        $("#jdval").siblings('ul').find("li").eq(0).click(function() {
            $("#jdval").val('');
        });
    } else {
        $("#jdval").val('');
        $("#dqval").val('');
        $("#jdval").siblings('ul').html("<li class='first'>所有街道</li>");
        for (var x = 0; x < city.length; x++) {
            for (c in city[x].city) {
                $(".rmsqlist").append('<li>▪ ' + city[x].city[c].name + '</li>')
                    //热门商圈点击事件
                $(".rmsqlist li").click(function() {
                    var sqtxt = $(this).text().split("▪ ")[1];
                    $("#jdval").val(sqtxt);
                    $("#thsh_searchbut").click();
                });
            }
        };
    }
});


// 商户类型联动
// var shlx = [{ "name": "特色餐饮", "xl": [{ "name": "粤菜" }, { "name": "川菜" }, { "name": "浙菜" }, { "name": "鲁菜" }, { "name": "湘菜" }, { "name": "中餐" }, { "name": "西餐" }, { "name": "韩式" }, { "name": "日式" }, { "name": "东南亚" }, { "name": "烧烤" }, { "name": "面包甜点" }, { "name": "火锅" }, { "name": "其他" }] },
//     { "name": "精品酒店", "xl": [{ "name": "星级" }, { "name": "快捷" }, { "name": "其他" }] },
//     { "name": "时尚购物", "xl": [{ "name": "钟表眼镜" }, { "name": "珠宝首饰" }, { "name": "服装服饰" }, { "name": "数码电器" }, { "name": "百货超市" }, { "name": "家居装潢" }, { "name": "烟酒茶叶" }, { "name": "其他" }] },
//     { "name": "休闲娱乐", "xl": [{ "name": "电影院" }, { "name": "其他娱乐" }, { "name": "酒吧" }, { "name": "茶馆" }, { "name": "咖啡厅" }, { "name": "ktv" }, { "name": "运动健身" }, { "name": "其他" }] },
//     { "name": "生活服务", "xl": [{ "name": "票务代理" }, { "name": "美容美发" }, { "name": "教育培训" }, { "name": "照相馆/影楼" }, { "name": "医药超市" }, { "name": "其他" }] },
//     { "name": "汽车服务", "xl": [{ "name": "驾驶培训" }, { "name": "租车服务" }, { "name": "汽车配件" }, { "name": "汽修服务" }, { "name": "其他" }] }
// ];
var shlx = [{ "name": "餐饮", "xl": [{ "name": "蛋糕甜品" }, { "name": "火锅" }, { "name": "自助餐" }, { "name": "小吃快餐" }, { "name": "日韩料理" }, { "name": "西餐" }, { "name": "烧烤烤肉" }, { "name": "东北菜" }, { "name": "川湘菜" }, { "name": "江浙菜" }, { "name": "香锅烤鱼" }, { "name": "西北菜" }, { "name": "咖啡酒吧" }, { "name": "京菜鲁菜" }, { "name": "云贵菜" }, { "name": "东南亚菜" }, { "name": "海鲜" }, { "name": "素食" }, { "name": "台湾/客家菜" }, { "name": "创意融合菜" }, { "name": "汤/粥/炖菜" }, { "name": "蒙餐" }, { "name": "新疆菜" }, { "name": "饮品" }, { "name": "特色菜" }, { "name": "其他美食" }] },
    { "name": "休闲娱乐", "xl": [{ "name": "密室逃脱" }, { "name": "新奇体验" }, { "name": "真人cs" }, { "name": "电影" }, { "name": "ktv" }, { "name": "洗浴汗蒸" }, { "name": "足疗按摩" }, { "name": "电玩" }, { "name": "棋牌室" }] },
    { "name": "爱车", "xl": [{ "name": "汽车美容" }, { "name": "洗车" }, { "name": "维修保养" }, { "name": "租车" }, { "name": "汽车用品" }] },
    { "name": "运动健身", "xl": [{ "name": "休闲运动" }, { "name": "游泳" }, { "name": "健身中心" }, { "name": "羽毛球" }, { "name": "台球" }, { "name": "高尔夫" }, { "name": "篮球" }, { "name": "足球" }, { "name": "射击射箭" }, { "name": "体育场馆" }] },
    { "name": "旅游", "xl": [{ "name": "景点" }, { "name": "温泉" }, { "name": "主题公园" }, { "name": "水上乐园" }, { "name": "动植物园" }, { "name": "海洋馆" }, { "name": "展览馆" }, { "name": "滑雪" }, { "name": "农家乐" }] },
    { "name": "教育", "xl": [{ "name": "音乐" }, { "name": "运动" }, { "name": "美术" }, { "name": "语言" }, { "name": "留学" }, { "name": "其它" }] },
    { "name": "生活", "xl": [{ "name": "美容美发" }, { "name": "便民超市" }, { "name": "洗衣店" }, { "name": "宠物" }, { "name": "家政" }, { "name": "药店" }, { "name": "其他" }] },
    { "name": "医疗", "xl": [{ "name": "诊所" }, { "name": "牙科" }, { "name": "体检" }, { "name": "中医" }, { "name": "其他" }] },
    { "name": "丽人", "xl": [{ "name": "美甲美瞳" }, { "name": "美容美体" }, { "name": "美妆护肤" }, { "name": "瑜伽舞蹈" }, { "name": "瘦身纤体" }, { "name": "产后塑形" }, { "name": "脱毛祛痘" }, { "name": "纹眉纹绣" }] }
];
// 循环第一步
for (var x = 0; x < shlx.length; x++) {
    $("#shlxval").siblings('ul').append('<li>' + shlx[x].name + '</li>');
};
$("#shlxval").siblings('ul').find("li").click(function() {
    if ($(this).index() != 0) {
        $(this).addclass('on').siblings('li').removeclass('on');
        $("#shlxval").val($(this).text());
        $("#xlval").val("");
        var selectindex = $(this).index() - 1;
        // 循环第二步
        $("#xlval").siblings('ul').html('<li class="first">所有细类选择</li>');
        for (var j = 0; j < shlx[selectindex].xl.length; j++) {
            $("#xlval").siblings('ul').append('<li>' + shlx[selectindex].xl[j].name + '</li>');
        }
        $("#xlval").siblings('ul').find("li").click(function() {
            $(this).addclass('on').siblings('li').removeclass('on');
            $("#xlval").val($(this).text());
        });
        $("#xlval").siblings('ul').find("li").eq(0).click(function() {
            $("#xlval").val();
        });
    } else {
        $("#shlxval").val('');
        $("#xlval").val('');
    }
});



//默认
$("#shlxval").siblings('ul').find("li").each(function() {
    if ($(this).text() == $("#shlxval").val()) {
        $(this).addclass("on");
    }
    if ($(this).hasclass("on")) {
        var selectindex = $(this).index() - 1;
        $("#xlval").siblings('ul').html('<li class="first">所有细类选择</li>');
        for (var j = 0; j < shlx[selectindex].xl.length; j++) {
            $("#xlval").siblings('ul').append('<li>' + shlx[selectindex].xl[j].name + '</li>');
        }
        $("#xlval").siblings('ul').find("li").click(function() {
            $(this).addclass('on').siblings('li').removeclass('on');
            $("#xlval").val($(this).text());
        });
    }
});
$("#xlval").siblings('ul').find("li").each(function() {
    if ($(this).text() == $("#xlval").val()) {
        $(this).addclass("on");
    }
});
$("#dqval").siblings('ul').find("li").each(function() {
    if ($(this).text() == $("#dqval").val()) {
        $(this).addclass("on");
    }
    if ($(this).hasclass("on")) {
        var selectindex1 = $(this).index() - 1;
        // 循环第二步
        //$("#jdval").siblings('ul').html("<li class='first'>所有街道</li>");
        $(".rmsqlist").html('');
        for (var j = 0; j < city[selectindex1].city.length; j++) {
            $("#jdval").siblings('ul').append('<li>' + city[selectindex1].city[j].name + '</li>');
            $(".rmsqlist").append('<li>▪ ' + city[selectindex1].city[j].name + '</li>');
            //热门商圈点击事件
            $(".rmsqlist li").click(function() {
                var sqtxt = $(this).text().split("▪ ")[1];
                $("#jdval").val(sqtxt);
                $("#thsh_searchbut").click();
            });
            $("#jdval").siblings('ul').find("li").click(function() {
                $(this).addclass('on').siblings('li').removeclass('on');
                $("#jdval").val($(this).text());

            });
        }
    }
});
$("#jdval").siblings('ul').find("li").each(function() {
    if ($(this).text() == $("#jdval").val()) {
        $(this).addclass("on");
    }
});
//热门商圈点击事件
$(".rmsqlist li").click(function() {
    var sqtxt = $(this).text().split("▪ ")[1];
    $("#jdval").val(sqtxt);
    $("#thsh_searchbut").click();
});
$("#xlval").siblings('ul').find("li.first").click(function() {
    $("#xlval").val('');
});