多條件篩選的實現

阿新 • • 發佈：2019-01-18

<?php
$conditions = array('price','color','metal');  //要進行篩選的欄位放在這裡
$price = $color = $metal='';  //先給需要篩選的欄位賦空值，這些值將輸出到頁面的hidden fileds中
//以下迴圈給已經進行的篩選賦值，以便能夠在下一次篩選中保留
foreach($conditions as $value){
    if(isset($_POST[$value])){
        $$value = $_POST[$value];
    }
}
//以下是演示輸出$_POST資料
echo 
 '<pre>';
print_r($_POST);
echo '</pre>';
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>分類篩選演示</title>
<style type="text/css">
body{font 
-size:14px;font-family:Tahoma,"宋體"}
</style>
<script type="text/javascript">
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].parentNode.removeChild(result[j]);
           }
       }
        document.forms['filterForm'].submit();
    }
    return false;
}
</script>
</head>
<body>
<form id="filterForm" action="listinfo.php" method="post">
<input to="filter" type="hidden" id="price" name="price" value="<?=$price?>" />
<input to="filter" type="hidden" id="color" name="color" value="<?=$color?>" />
<input to="filter" type="hidden" id="metal" name="metal" value="<?=$metal?>" />
</form>
價格：<a href="javascript:Filter('price','100-1000');">100-1000</a>
      <a href="javascript:Filter('price','1001-2000');">1001-2000</a>
     <a href="javascript:Filter('price','2001-3000');">2001-3000</a><br/>
顏色：<a href="javascript:Filter('color','紅色');">紅色</a>
      <a href="javascript:Filter('color','藍色');">藍色</a><br />
材質：<a href="javascript:Filter('metal','純金');">純金</a>
      <a href="javascript:Filter('metal','純銀');">純銀</a><br />
</body>
</html><br>// 將以上檔案儲存成listinfo.php執行就是篩選的效果！

php多條件篩選功能的實現

例如表單篩選核心函式 function Filter(a, b) { var $ = function(e) { return document.getElementById(e); } var ipts = $('filterFo

Vue.js實現多條件篩選、搜尋、排序及分頁的表格功能

與上篇實踐教程一樣，在這篇文章中，我將繼續從一種常見的功能——表格入手，展示Vue.js中的一些優雅特性。同時也將對filter功能與computed屬性進行對比，說明各自的適用場景，也為vue2.0版本中即將刪除的部分filter功能做準備。需求分析還是先從需求入手，想想實現這樣一個功能需要注意

基於JSON+JQuery實現的多條件篩選功能(類似京東和淘寶功能)

/** * Author:mengbing * * Date:2017-12-08 * http://www.allenyMiky.com * */ (function ($) { //初始化繫結事件 $(function () { }); $.

JQ實現網站多條件篩選顯示（下）

<div class="shuaixuan_list"> <ul> <li class="shuaixuan_tiaojian">申請執行人：</li> <li class=

多條件篩選的實現

<?php $conditions = array('price','color','metal'); //要進行篩選的欄位放在這裡 $price = $color = $metal=''; //先給需要篩選的欄位賦空值，這些值將輸出到頁面的hidden fileds中 //以下迴圈給已經

仿京東商城實現多條件篩選

京東商城效果圖：自己實現的效果圖：實現程式碼如下： CSS程式碼： *{ border:0; padding:0; margin:0;

JavaScript練習——仿京東商城實現多條件篩選

京東商城效果圖：自己實現的效果圖：實現程式碼如下： CSS程式碼： *{ border:0; padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:12px

TP框架中多條件篩選

bsp family span pid 條件 uid type 宋體 spa $pid =I(‘pid‘); $year = I(‘year‘); $productType = I(‘productType‘);

excel2013數據快速篩選及多條件篩選視頻教程

ges nag excel 直接條件篩選 blog 按鈕技術分享多條件要快速進入數據篩選狀態，最便捷和最常用的方法就是直接點擊數據選項卡中的篩選按鈕。【解決方法，教程視頻資料如下】本教程視頻資料來源：http://edu.51cto.com/course/1540

tp5中訂單列表多條件篩選及excel匯出

檢視層: <div class="page-content">  <!-- /sectio

excel如何對資料進行多欄位同時排序、多條件組合和多條件篩選呢

對資料的排序不僅可以是對單列或單行進行排序，還可以進行多欄位同時排序，從而達到想要的效果。excel如何對資料進行多欄位同時排序、多條件組合和多條件篩選呢如圖所示【解決方法，教程視訊資料如下】本教程視訊資料來源：http://edu.51cto.com/course/15404.html 完整部落格

JS前端資料多條件篩選

JS前端資料多條件篩選有時候也會需要在前端進行資料篩選，增強互動體驗。當資料可用的篩選條件較多時，把邏輯寫死會給後期維護帶來很大麻煩。下面是我自己寫的一個簡單的篩選器，篩選條件可以根據資料包含的欄位動態設定。仿照京東的篩選條件，這裡就取價格區間和品牌作為測試。程式

Elasticsearch（ES）多條件過濾實現案例

要完成上述圖片上的查詢條件，也即需要同時符合多種過濾條件。由於公司的伺服器中安裝的elasticsearch版本很老，升級不是很方便，所以是基於老版本，新版本相應的語句做一些改變也可以。實現：（具體條件需要更改）（elasticsearch版本：2.3.2) 實現程式碼潛在優化：

checkBox篩選條件多選（類似淘寶多條件篩選） css js html vue

需求：糾紛要素多選，選中--樣式變化進行標註，若未選要素，點選計算，提示使用者---請選擇要素(類似淘寶，京東的多條件篩選) 如圖： html程式碼：引用了vue，使用vue的v-for遍歷 css程式碼： /*display: inline div邊框隨文

java不確定多條件篩選

最近在做一個專案涉及到了一個多表、多條件、不確定篩選的功能，在這裡和大家分享一下。首先，我所使用的是SSH框架，多年的專案經驗和麵向物件思維的引導，我對Hibernate情有獨鍾；其次，業務需求是要實現周邊店鋪的查詢，查詢的條件包括城市、縣區、街道、周邊距離、是否有優惠券、人均消費、網紅、老字號、新店

Android常見多條件篩選選單（美團、58）

1.簡單實現 1.1佈局分析: 　　自定義ListPopuScreenMenuView 繼承自 LinearLayout，大致分為三個部分：上面頭部TabLinearLayout；中間的選單內容menuContainerFrameLayout；下面的半透

Android最牛逼的多條件篩選選單

說明本來很懶，但是還是會忍不住的寫下這有用既沒有用的所謂技術部落格，希望會給你帶來有所啟發，因為這樣的功能，寫的人很多，也是為了自己能夠理解的夠透徹，也是為了大家也能更好的理解吧，其實自定義控制元件，也就是那麼回事，沒有什麼可難的，好吧，可能是這個太簡單了。這是58，趕集都用到的控制元件，這樣的控制元件

字串處理：多條件篩選

杭電1039：題目大意：輸入一串小寫字母，檢查是否能夠作為安全的密碼使用。能作為安全密碼的字串符合三個條件： 1.它必須包含至少一個母音。 2.它不能包含三個連續的母音或三個連續的子音。 3.它不能包含兩個連續的相同的字母

excel多條件篩選公式

目標：實現用公式多條件篩選資料，比如有很多個工作簿，每個工作簿都有以下資料。 A B C D 1 0 1 2 44 2 1 2 3 55 3 2 3 4 66 找出A列為0，B列為1，C列為2的那

SQL COUNT +Case When Then+IFNULL多條件判斷實現多條件複雜統計

基礎知識 COUNT()函式函式返回匹配指定條件的行數。 SQL COUNT() 語法 SQL COUNT(column_name) 語法 COUNT(column_name) 函式返回指定列的值的數目（NULL 不計入）： SELECT C

多條件篩選的實現

相關推薦