关于一个下拉筛选的JS

来源：互联网发布：keynote for mac 6.1 编辑：程序博客网时间：2024/06/13 12:21

<!-- 多条件筛选 --><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>

阅读全文

0 0