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

战斗峰 2015-07-10 04:27:51

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

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

-------------
我想做一个上图这样的二重分类选择功能
但是不用这么多数据
每样有一两个选择就好
由于对jQuery不熟
求大神指导
...全文
270 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
战斗峰 2015-07-13
  • 打赏
  • 举报
回复
引用 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>
感谢啊
Go 旅城通票 2015-07-11
  • 打赏
  • 举报
回复
不就和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>
战斗峰 2015-07-10
  • 打赏
  • 举报
回复
引用 1 楼 u010087908 的回复:
这是要源码么?
对 只要一个小例子就好 真实数据我另外填充 求大神帮忙
NANU-NANA 2015-07-10
  • 打赏
  • 举报
回复
这是要源码么?

87,927

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧