菜鸟求助，急

Question

淘宝商城的那个组合查询界面是怎么实现的，还有他的数据是怎么传输的？价格      不限   3000元以下   3000-4000   4000-5000 5000-6000
产品定位  不限   超级本  游戏影音本  学生本  
屏幕尺寸  不限   12英寸  13英寸  14英寸    就是这种形式的界面，选中一个后颜色会变，并且选其他类型的条件时，刚刚选过的条件有效？不知道我说清楚没有，  比如我点了 5000-6000，他就会变色，然后再选了 学生本，12英寸以后查询的就是符合这三个条件的商品。本人新手,非常感谢！

Answer 1

这么说吧：
点第一个时候，把点得到的值，放在<input id="条件1" type="hidden" value="把点到的值放到这里"/>
  查询时候把这个隐藏域的值加到url中，带这个值，传到后台。
点第二个时候，把点得到的值，放在<input id="条件2" type="hidden" value="把点到的值放到这里"/>
  同上
点第三个时候，把点得到的值，放在<input id="条件3" type="hidden" value="把点到的值放到这里"/>
  同上；  不知道你能不能明白。
  

Answer 2

这个我懂些，但是我点第一个条件比如  3000元以下  那怎么把这个条件传给"id"  即<input id="3000元以下"  很感谢你的解答！ 还有一点就是那个界面怎么实现的啊，点击后变色并能传值，不知道大神了解不？

Answer 3

汗。这个直接传值就可以了啊。这么说吧：页面初始化时候这些隐藏域在页面是写死的。value是空值。
<input id="条件1" type="hidden" value=""/>
<input id="条件2" type="hidden" value=""/>
<input id="条件3" type="hidden" value=""/>当你点条件时候 ：比如条件1：3000元以下  这个时候，你只要执行js 脚本  document.getElementById("条件1").value()=document.getElementById("3000元以下").value(); 这个时候空值不就是3000元以下的值了吗？变色，只是加了一个css样式。比如.css("color","yellow") 然后查询提交时候，把这个条件1的值传到后台就可以了。

Answer 4

嘿嘿，明白怎么传值了，还有最后一个问题哈，前台的，我点击"3000以下" ,他会变色，这个可以实现，我再点击"5000-6000"时怎样让"3000以下"的颜色变回去，并且点击 "学生本"时 "5000-6000"的颜色是保持在点击之后的颜色不变，我在网上查，这里应该是要用到js的吧，我js还是刚刚学的额，麻烦你啦！

Answer 5

不是用js控制的是用css控制的。以前是什么颜色，还让变回成什么颜色就可以了。  点click时候，执行的脚本:jquery实现，大概写了一下：
$(this).click(function() {
$('#contentTbody tr.changeColor').css("background-color","#FFFFFF");将所有的css变色的变成灰色，也就是不点的状态
$(this).css({"background-color":"#C6D5FD","cursor":"pointer"});点的时候，加上颜色就行了。
});

Answer 6

前台的ui设计用css，数据的传送一个表单就可以完成了。我想楼主的意思是如何实现组合查询。这个要看你后台的数据库是如何设计的了，然后可以使用 sql 语言的 多表联查语句来进行查询，得出结果。对数据库的操作同别的没有什么不同，只是 sql 语句需要些技巧。

Answer 7

啥也别说了，赶紧散分吧。哈哈。no thanks

Answer 8

恩，css控制颜色，js动态调用