帮忙看一下用jquery怎么实现省市二级联动

Question

不能用select和option实现

具体样式是这样子:

省份:四川省     陕西省    广东省    。。。。。

城市:成都市   绵阳市    。。。。

要求是:当点击省份的时候下面城市变为该省对应的相关城市

具体html如下:

        <div class="sub_l_item">

                <div class="sun_cate_l">选择省份：</div>

                <div class="sun_cate_r" id="shengfen_box">

                    <a class="on_active" href="javascript:void(0)">不限</a>

                    <a href="javascript:void(0)">北京</a>

                    <a href="javascript:void(0)">上海</a>

                    <a href="javascript:void(0)">四川</a>

                </div>

            </div>

            <div class="sub_l_item">

                <div class="sun_cate_l">选择城市：</div>

                <div class="sun_cate_r">

                    <a class="on_active" href="javascript:void(0)">不限</a>

                    <a href="javascript:void(0)">阿坝</a>

                    <a href="javascript:void(0)">成都</a>

                    <a href="javascript:void(0)">宜宾</a>

                    <a href="javascript:void(0)">攀枝花</a>

                </div>

            </div>

这个用jquery怎么实现呢？帮一下忙，谢谢啦。

Answer 1

用异步的好一些吧，另外展现形式是这样也好，select也好，都没问题，字符串拼接一下吧