关于一个下拉筛选的JS

<!-- 多条件筛选 -->
<script>
 $(function(){
   <?php
      if($_GET){
        echo 'var obj='.json_encode($_GET).';';
      }
   ?>
  if(typeof(obj)!='undefined'){
      for(k in obj){
        $("#"+k).val(obj[k]);
        $("a["+k+"="+obj[k]+"]").parent().addClass("in").siblings().removeClass("in");
      }
  }
 })
</script>
<script>
    function Filter(a,b){
      var $ = function(e){return document.getElementById(e);}
      var ipts = $('filterForm').getElementsByTagName('input'),result=[];
      for(var i=0,l=ipts.length;i<l;i++){
      if(ipts[i].getAttribute('to')=='filter'){
      result.push(ipts[i]);
      }
      }
      if($(a)){
      $(a).value = b;
      for(var j=0,len=result.length;j<len;j++){
      
        if(result[j].value=='' || result[j].value=='0'){
        result[j].parentNode.removeChild(result[j]);
        }
      }
        document.forms['filterForm'].submit();
      }
      return false;
      } 
</script>

剩下的东西都是自己填写的,回头再看一下有什么问题,目前来说可以使用,

这个是form  可以参考,  这篇文章可以和我上篇文章对应, 做一个可以自动下拉, 而且可以带分类的

<div class="container-fuild hd">
    <form id="filterForm" name="form1" method="get" action="">
        <input id="styles" type="hidden" value="" name="styles" to="filter">
        <input id="type" type="hidden" value="" name="type" to="filter">
        <!-- <input id="name" type="hidden" value="" name="name" to="filter"> -->
        <<!-- input id="day" type="hidden" value="" name="day" to="filter">
        <input id="type" type="hidden" value="" name="type" to="filter"> -->
    	<a href="/">首页</a>>案例馆<br/>
    	风格:
        <a styles="0" href="javascript:Filter('styles','0');">不限</a>
        <a styles="OS" href="javascript:Filter('styles','OS');">欧式</a>
        <a styles="FS" href="javascript:Filter('styles','FS');">法式</a>
        <a styles="XD" href="javascript:Filter('styles','XD');">现代</a>
        <a styles="ZS" href="javascript:Filter('styles','ZS');">新中式</a>
        <a styles="HD" href="javascript:Filter('styles','HD');">海派</a>
        <a styles="MS" href="javascript:Filter('styles','MS');">美式</a>
        <a styles="DFCY" href="javascript:Filter('styles','DFCY');">新古典</a>
        <a styles="DNY" href="javascript:Filter('styles','DNY');">东南亚</a><br/>
    	类型:
        <a type='0' href="javascript:Filter('type','0');">不限</a>
        <a type='ONE' href="javascript:Filter('type','ONE');">独栋</a>
        <a type='TWO' href="javascript:Filter('type','TWO');">联排</a>
        <a type='THREE' href="javascript:Filter('type','THREE');">叠加</a>
        <a type='FOUR' href="javascript:Filter('type','FOUR');">平层</a>


    	全部:<input type="text" name="name"><input type="submit" name="" value="搜索">
</div>