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

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

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

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

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

------解决思路----------------------
不就和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>