如何做这样的搜索求思路

如图：
怎么实现点击后记录下文本颜色，而且点击其他后颜色又恢复？是用什么实现的？搜索

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

换颜色仅仅是简单的css 类更改而已。如果你连这个还不会，建议你先别模仿那么难的的功能。
用一个变量记录下，点击的时候判断并且修改对应的css伪类（比如建立两个伪类，colored和noncolored）。
很简单，写个css的class选择器，设置为color为橘黄色，单击时先将这一组内的超链接都设置为默认样式，再给这个被单击的超链接设置该class即可。
用jquery来实现对简单
jquery对dom的选择器和配合css开修改ui异常的简单
最简单的思路就是动态添加和移除css
给个参考<!DOCTYPE HTML>
<html>
<head> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

<style type="text/css">
.focus{background:#f00;color:#fff};
</style>
<script type="text/javascript">
$(function(){
$("a").click(function(){
//先把原有的聚焦项的class的移除掉
$(".focus").removeClass("focus");
//再当前选项上加上css样式
$(this).addClass("focus");
})
})

</script></head>
<body>
<a href="#">item1</a>
<a href="#">item2</a>
<a href="#">item3</a>
<a href="#">item4</a>
<a href="#">item5</a>
<a href="#">item6</a>
</body>
</html>
sql语句拼接呗：String sqlStr="select * from table where 1=1";
if(!string.IsNullOrEmpty("版型条件"))//如果为空则为不限，即sql不拼接
  {
    sqlStr+="and 版型字段=？";
  }
  if(!string.IsNullOrEmpty("款式条件"))
  {
    sqlStr+="and 款式字段=？";
  }
   if(!string.IsNullOrEmpty("季节条件"))
  {
    sqlStr+="and 季节字段=？";
  }
你是想实现的是这种功能的搜索功能吧！！至于你所得改变颜色只是通过简单的css进行控制的！！
这是我弄得网站上的一个例子，和你的要求应该是类似！！
下面是链接地址：
http://www.ycee.cn/school/index.aspx实现思路是，每一个搜索条件都是一个链接，
<ul>
                                        <li style="border-left: none;"><a href="index.aspx?zyid=<%=zyid %>&classifyid=<%=classifyid %>&ds=91">
                                            北京市</a></li>
                                        <li><a href="index.aspx?zyid=<%=zyid %>&classifyid=<%=classifyid %>&ds=92">天津市</a></li>
                                        <li><a href="index.aspx?zyid=<%=zyid %>&classifyid=<%=classifyid %>&ds=93">河北省</a></li>
                                        <li><a href="index.aspx?zyid=<%=zyid %>&classifyid=<%=classifyid %>&ds=94">山东省</a></li>
                                        <li><a href="index.aspx?zyid=<%=zyid %>&classifyid=<%=classifyid %>&ds=95">河南省</a></li>
                                        <li><a href="index.aspx?zyid=<%=zyid %>&classifyid=<%=classifyid %>&ds=96">山西省</a></li>
                                        <li><a href="index.aspx?zyid=<%=zyid %>&classifyid=<%=classifyid %>&ds=97">内蒙古自治区</a></li>
                                    </ul>
每一次的点击都在后台执行方法，获取a链接传递的值，就可以实现查询了！前台颜色的实现是通过获取每一次的浏览器中地址中传递参数来实现的，代码如下
var arg;
        var zyid;
        var classifyid;
        var ds;
        var type;
        var od;        //得到浏览器参数
        function GetUrlParms() {
            var args = new Object();
            var query = location.search.substring(1);
            var pairs = query.split("&");
            for (var i = 0; i < pairs.length; i++) {
                var pos = pairs[i].indexOf('=');
                if (pos == -1) continue;
                var argname = pairs[i].substring(0, pos);
                var value = pairs[i].substring(pos + 1);
                args[argname] = unescape(value);
            }
            return args;
        }
     //获取浏览器参数
        arg = GetUrlParms();
        zyid = arg["zyid"];
        classifyid = arg["classifyid"];
        ds = arg["ds"];
        type = arg["type"];
        od = arg["od"];
每一个搜索条件都对应不同的浏览器参数，通过判断来为搜索条件改变样式！！总之，思路大约就是这样，中间涉及的东西有点多，自己多研究吧！！
通过数据字典加载条件项
通过点击传参和追加选中css