php如何多條件式篩選js代碼

來源:互聯網
上載者:User
本文主要和大家分享php如何多條件式篩選js代碼,本文主要是以代碼的形式來和大家分享,希望能協助大家掌握php多條件式篩選js代碼的方法。

<dl class="dl-lst clear"><dt>房型:</dt><dd class="dd show-more"><p class="option-list" data-type="fangxing"><a href="javascript:void(0);" data-xftrack="10134"  rel="nofollow" class="on">不限</a><a href="javascript:goSort('goods_htypeid',1);" data-xftrack="10134"  rel="nofollow" >1室</a><a href="javascript:goSort('goods_htypeid',2);" data-xftrack="10134"  rel="nofollow" >2室</a><a href="javascript:goSort('goods_htypeid',3);" data-xftrack="10134"  rel="nofollow" >3室</a><a href="javascript:goSort('goods_htypeid',4);" data-xftrack="10134"  rel="nofollow" >4室</a></p></dd></dl><dl class="dl-lst clear"><dt>售價:</dt><dd class="dd show-more"><p class="option-list" ><a href="javascript:void(0);" data-xftrack="10134" class="on" rel="nofollow">不限</a><a href="javascript:goSort('price',1);" data-xftrack="10134"  rel="nofollow">100萬以下</a><a href="javascript:goSort('price',2);" data-xftrack="10134"  rel="nofollow">100-150萬</a><a href="javascript:goSort('price',3);" data-xftrack="10134"  rel="nofollow">150-200萬</a><a href="javascript:goSort('price',4);" data-xftrack="10134"  rel="nofollow">200-250萬</a><a href="javascript:goSort('price',5);" data-xftrack="10134"  rel="nofollow">250-300萬</a><a href="javascript:goSort('price',6);" data-xftrack="10134"  rel="nofollow">300萬以上</a><p class="custom" data-type="price"><!-- <p class="txt-box"><input type="text" class="txt" name="min_price" data-index="2" value="" /></p> - <p class="txt-box"><input type="text" class="txt" name="max_price" data-index="2" value="" /></p> 萬<input type="button" data-type="price" class="ok" value="確定" /> --></p></p></dd></dl><dl class="dl-lst clear"><dt>特色:</dt><dd class="dd show-more"><p class="option-list" ><a href="javascript:void(0);" data-xftrack="10134" class="on" rel="nofollow">不限</a><a href="javascript:goSort('tese',1);" data-xftrack="10134"  rel="nofollow">觀景飄窗</a><a href="javascript:goSort('tese',2);" data-xftrack="10134"  rel="nofollow">低密度</a><a href="javascript:goSort('tese',3);" data-xftrack="10134"  rel="nofollow">花園洋房</a><a href="javascript:goSort('tese',4);" data-xftrack="10134"  rel="nofollow">車位充足</a></p></dd></dl><dl class="dl-lst clear"><dt>類型:</dt><dd class="dd show-more"><p class="option-list" ><a href="javascript:void(0);" data-xftrack="10134" class="on" rel="nofollow">不限</a><a href="javascript:goSort('goods_wy_type',1);" data-xftrack="10134"  rel="nofollow">住宅</a><a href="javascript:goSort('goods_wy_type',2);" data-xftrack="10134"  rel="nofollow">別墅</a><a href="javascript:goSort('goods_wy_type',3);" data-xftrack="10134"  rel="nofollow">寫字樓</a><a href="javascript:goSort('goods_wy_type',4);" data-xftrack="10134"  rel="nofollow">商鋪</a><a href="javascript:goSort('goods_wy_type',5);" data-xftrack="10134"  rel="nofollow">底商</a></p></dd></dl><dl class="dl-lst clear"><dt>售賣:</dt><dd class="dd show-more"><p class="option-list" ><a href="javascript:void(0);" data-xftrack="10134" class="on" rel="nofollow">不限</a><a href="javascript:goSort('ifshou',1);" data-xftrack="10134"  rel="nofollow">在售</a><a href="javascript:goSort('ifshou',2);" data-xftrack="10134"  rel="nofollow">售罄</a></p></dd></dl></p></p></p></p><script type="text/javascript">    function getQueryString(){     var result = location.search.match(new RegExp("[\?\&][^\?\&]+=[^\?\&]+","g"));     if(result == null){         return "";     }     for(var i = 0; i < result.length; i++){         result[i] = result[i].substring(1);     }     return result;}function goSort(name,value){    var string_array = getQueryString();    var oldUrl = (document.URL.indexOf("loupan.html")==-1)?document.URL+"loupan.html":document.URL;    var newUrl;    // alert(name)    // alert(value)        if(string_array.length>0)//如果已經有篩選條件    {           var repeatField = false;        for(var i=0;i<string_array.length;i++){            if(!(string_array[i].indexOf(name)==-1)){                repeatField = true;//如果有重複篩選條件,替換條件值                newUrl = oldUrl.replace(string_array[i],name+"="+value);            }        }        // 如果沒有重複的篩選欄位        if(repeatField == false){            newUrl = oldUrl+"&"+name+"="+value;        }    }    if(string_array.length==false)    {        newUrl = document.URL+"?"+name+"="+value;    }    // alert(newUrl)    //跳轉    window.location = newUrl;}function setSelected(name,value){    var all_li = $("#"+name).find("li");    //清除所有li標籤的selected類    all_li.each(function(){        $(this).removeClass("selected");    });    //為選中的li增加selected類    all_li.eq(value).addClass("selected");}$(document).ready(function(){    var string_array = getQueryString();    for(var i=0;i<string_array.length;i++){        var tempArr = string_array[i].split("=");        setSelected(tempArr[0],tempArr[1]);//設定選中的篩選條件    }});</script>

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.