jQuery-js分类选择，求大神指点

[战斗峰]

-------------

-------------

-------------
我想做一个上图这样的二重分类选择功能
但是不用这么多数据
每样有一两个选择就好
由于对jQuery不熟
求大神指导

[NANU-NANA]

这是要源码么？

[战斗峰]

引用 1 楼 u010087908 的回复:

这是要源码么？

对 只要一个小例子就好 真实数据我另外填充 求大神帮忙

[Go 旅城通票]

不就和select联动一样，只是不用select做容器，直接变为div显示所有内容而已了。。

<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js"></script>

<div id="pro">省：<a href="#" rel="1">北京</a>　<a href="#" rel="2">上海</a>　<a href="#" rel="3">广西</a></div>
<div id="city">市：<label></label></div>
<script>
    //市数据结构，为json数组对象。数组下标为省的id（对应a对象的rel属性值），数组项为市json数据。如果还有县的联动，同理生成arrTown即可。
    var arrCity = [];
    arrCity[1] = [{ t: '北京市', id: 1 }];
    arrCity[2] = [{ t: '上海市', id: 2 }];
    arrCity[3] = [{ t: '南宁市', id: 3 }, { t: '桂林市', id: 4 }, { t: '柳州市', id: 5 }];
    $('#pro a').click(function () {
        var arr = arrCity[$(this).attr('rel')];
        $('#city label').html($(arr).map(function () {return '<a href="#">' + this.t + '</a>' }).get().join('　'));
        return false;
    });
</script>

[战斗峰]

引用 3 楼 showbo 的回复:

不就和select联动一样，只是不用select做容器，直接变为div显示所有内容而已了。。

<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js"></script>

<div id="pro">省：<a href="#" rel="1">北京</a>　<a href="#" rel="2">上海</a>　<a href="#" rel="3">广西</a></div>
<div id="city">市：<label></label></div>
<script>
    //市数据结构，为json数组对象。数组下标为省的id（对应a对象的rel属性值），数组项为市json数据。如果还有县的联动，同理生成arrTown即可。
    var arrCity = [];
    arrCity[1] = [{ t: '北京市', id: 1 }];
    arrCity[2] = [{ t: '上海市', id: 2 }];
    arrCity[3] = [{ t: '南宁市', id: 3 }, { t: '桂林市', id: 4 }, { t: '柳州市', id: 5 }];
    $('#pro a').click(function () {
        var arr = arrCity[$(this).attr('rel')];
        $('#city label').html($(arr).map(function () {return '<a href="#">' + this.t + '</a>' }).get().join('　'));
        return false;
    });
</script>

感谢啊