日期:2014-05-18  浏览次数:21133 次

用JQuery实现商品分类搜索功能


希望用jquery实现此功能模块

------解决方案--------------------
探讨

说一个我前不久做的。

仿京东商城实现 多条件筛选

------解决方案--------------------
条件查询
数据字段的维护去不断的ajax回发和请求数据
------解决方案--------------------
可以用 a 标签,注册 单击事件,选中的颜色不一样,单击了哪个分类,再遍历取出 选中颜色的分类,组合url去查询。

JScript code

//假设每一行是一个div,每个小分类是 a ,结构
//<div class="type"><a id="00" class="selected">全部</a><div>
//a 标签的id为分类id, class为选中的样式。
//为每行的 a注册单击事件, 没有测试过。
$('div.type a').click(function(){
   $('a',$(this).parent()).removeClass('selected');
   $(this).addClass('selected');
   var par=$.map($('div.type a[class*="selected"]').toArray(),function(item){
                return $(item).attr('id');}).join('&');
   var url='xxx.aspx?'+par;
   //查询
    .................
});