php结合js实现多条件组合查询

本文实例为大家分享了php结合js实现多条件组合查询的具体代码，供大家参考，具体内容如下

一、效果图

二、前端代码

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Jquery分类</title>
<script src="http://libs.baidu.com/jquery/1.7.2/jquery.min.js"></script>
<style type="text/css">
 .templinkactive {
 padding:5px;
 text-decoration:none;
 color:red;
 }
 .templink {
 cursor:pointer;
 padding:5px;
 text-decoration:none;
 }
 table{border:1px solid #ccc;}
 table tr{ height:35px;}
</style>
<script type="text/javascript">
 $(function () {
 //品牌
 var alink01 = $("#linktype01").find("span");
 alink01.click(function () {
 alink01.each(function () {
 $(this).removeClass("templinkactive").addClass("templink");
 });
 $(this).removeClass("templink").addClass("templinkactive");
 $("#Brand").val($(this).attr("tag"));
 SetPara();
 });

 //价格
 var alink02 = $("#linktype02").find("span");
 alink02.click(function () {
 alink02.each(function () {
 $(this).removeClass("templinkactive").addClass("templink");
 });
 $(this).removeClass("templink").addClass("templinkactive");
 $("#Price").val($(this).attr("tag"));
 SetPara();
 }) 

 //尺寸
 var alink03 = $("#linktype03").find("span");
 alink03.click(function () {
 alink03.each(function () {
 $(this).removeClass("templinkactive").addClass("templink");
 });
 $(this).removeClass("templink").addClass("templinkactive");
 $("#Size").val($(this).attr("tag"));
 SetPara();
 });
 }); 

 function SetPara() {
 var Brand = $("#Brand").val();
 var Price = $("#Price").val();
 var Size = $("#Size").val();
 alert("1.php?Brand=" + Brand + "&Price=" + Price + "&Size=" + Size);
 // var keywords = $("#search").val();
  // var skip_url = "http://" + window.location.hostname + window.location.pathname;
  // var url = skip_url + "?s=/admin/goods/goods_list/Brand/"+Brand+"/Price/"+Price+"/Size/"+Size;
  // window.location.href = url;
  // alert(url);
 };
</script>
<script type="text/javascript">
 /*//TP框架-start
 $(function(){
  var Brand = $("#Brand").val();
  var Price = $("#Price").val();
  var Size = $("#Size").val();
  // alert(tag);
  if(Brand != ''){
   $("#linktype01").find("span").removeClass("templinkactive").addClass("templink")
   $('span[tag="'+Brand+'"]').css('color','red');
  }
  if(Price != ''){
   $("#linktype02").find("span").removeClass("templinkactive").addClass("templink")
   $('span[tag="'+Price+'"]').css('color','red');
  }
  if(Size != ''){
   $("#linktype03").find("span").removeClass("templinkactive").addClass("templink")
   $('span[tag="'+Size+'"]').css('color','red');
  }
 });
 //TP框架-end*/
</script>
</head>
<body>
 <form id="form1" runat="server">
 <div>
 <table>
 <tr id="linktype01">
  <td style="width:100px">
  <b>笔记本品牌</b>
  </td>
  <td>
  <span class='templinkactive' tag="0">不限</span>
  </td>
  <td>
  <span class='templink' tag="100101">联想（Lenovo）</span>
  </td>
  <td>
  <span class='templink' tag="100102">宏碁（Acer）</span>
  </td>
  <td>
  <span class='templink' tag="100103">华硕（ASUS）</span>
  </td>
  <td>
  <span class='templink' tag="100104">戴尔（DELL）</span>
  </td>
  <td>
  <span class='templink' tag="100105">苹果（Apple）</span>
  </td>
  <td>
  <span class='templink' tag="100106">三星 （SAMSUNG）</span>
  </td>
 </tr>
 <tr id="linktype02">
  <td style="width:100px">
  <b>价格范围</b>
  </td>
  <td>
  <span class='templinkactive' tag="0">不限</span>
  </td>
  <td>
  <span class='templink' tag="100201">1000-2999</span>
  </td>
  <td>
  <span class='templink' tag="100202">3000-3499</span>
  </td>
  <td>
  <span class='templink' tag="100203">4000-4499</span>
  </td>
  <td>
  <span class='templink' tag="100204">5000-5999</span>
  </td>
  <td>
  <span class='templink' tag="100205">6000-6999</span>
  </td>
  <td>
  <span class='templink' tag="100206">7000及以上</span>
  </td>
 </tr>
 <tr id="linktype03">
  <td style="width:100px">
  <b>尺寸范围</b>
  </td>
  <td>
  <span class='templinkactive' tag="0" >不限</span>
  </td>
  <td>
  <span class='templink' tag="100301">8.9英寸及以下</span>
  </td>
  <td>
  <span class='templink' tag="100302">11英寸</span>
  </td>
  <td>
  <span class='templink' tag="100303">12英寸</span>
  </td>
  <td>
  <span class='templink' tag="100304">13英寸</span>
  </td>
  <td>
  <span class='templink' tag="100305">14英寸</span>
  </td>
  <td>
  <span class='templink' tag="100306">15英寸及以上</span>
  <input type="hidden" id="Brand" value="" />
  <input type="hidden" id="Price" value="" />
  <input type="hidden" id="Size" value="" />
  </td>
 </tr>
 </table>
 </div>
 </form>
</body>
</html>

三、服务端代码

goodsController.class.php

<?php
public function goods_list(){
 $Brand= I('Brand');
 $Price= I('Price');
 $Size= I('Size');
 $this->assign('Brand',$Brand);
 $this->assign('Price',$Price);
 $this->assign('Size',$Size);
 $this->display();
}
?>

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。

赞 (0)

相关推荐

  • thinkPHP5实现的查询数据库并返回json数据实例

    本文实例讲述了thinkPHP5实现的查询数据库并返回json数据.分享给大家供大家参考,具体如下: TP5 实现查询数据库返回json数据(返回json数据函数实例) 返回结果: 复制代码 代码如下: {"code":0,"msg":"\u6570\u636e\u8fd4\u56de\u6210\u529f","count":1000,"data":[{"id":617,"t

  • PHP中把数据库查询结果输出为json格式简单实例

    include/conn.php为数据库链接文件,不会的网上搜索 <?php include './include/conn.php'; //数据库链接文件 $sql_notice = mysql_query('SELECT * FROM gg_notice where enable = "1" limit 0,10'); $notice = mysql_fetch_array($sql_notice, MYSQL_ASSOC); print_r ($notice); ?>

  • php简单实现查询数据库返回json数据

    示例代码一: // 设置返回json格式数据 header('content-type:application/json;charset=utf8'); //连接数据库 $link = mysql_connect("localhost", "root", "root") or die("Unable to connect to the MySQL!"); mysql_query("SET NAMES 'UTF8'&q

  • php结合js实现多条件组合查询

    php结合js实现多条件组合查询

    本文实例为大家分享了php结合js实现多条件组合查询的具体代码,供大家参考,具体内容如下 一.效果图 二.前端代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Jquery分类</title> <script src="http://libs.baidu.com/jquery/1.

  • SqlServer 巧妙解决多条件组合查询

    开发中经常会遇得到需要多种条件组合查询的情况,比如有三个表,年级表Grade(GradeId,GradeName),班级Class(ClassId,ClassName,GradeId),学员表Student(StuId,StuName,ClassId),现要求可以按年级Id.班级Id.学生名,这三个条件可以任意组合查询学员信息. 做法不止一种,这里提供一种巧妙的使用一条查询来实现的办法,我们来写成一个过程,如下: 复制代码 代码如下: create proc up_select_student_

  • ElasticSearch学习之多条件组合查询验证及示例分析

    目录 多条件组合查询 bool constant_score 查询验证 & 分析 验证 分析 排序 默认排序 自定义排序 tips 单字段排序 多字段 scroll分页 初始化快照 & 快照保存10分钟 根据快照ID滚动查询 多条件组合查询 bool es中使用bool来控制多条件查询,bool查询支持以下参数: must:被查询的数据必须满足当前条件 mush_not:被查询的数据必须不满足当前条件 should:被查询的数据应该满足当前条件.should查询被用于修正查询结果的评分.需

  • sql 多条件组合查询，并根据指定类别找出所有最小子类别的SQL语句备忘

    复制代码 代码如下: DECLARE @PAGESIZE INT DECLARE @PAGEINDEX INT DECLARE @PAGECOUNT INT DECLARE @RECORDCOUNT INT SELECT @PAGESIZE=5 SELECT @PAGEINDEX=1 DECLARE @FIELDNAME VARCHAR(50) DECLARE @FIELDVALUE VARCHAR(50) DECLARE @OPERATION VARCHAR(50) --组合条件 DECLAR

  • PHP组合查询多条件查询实例代码第1/2页

    先向大家说明需求:按照我们系统的要求,我们将通过部门名称.员工姓名.PC名称.IP地址等等字段来进行组合查询从而得到想要的数据结果.那么,为了简单起见,我们用两个条件(部门名称.员工姓名)的组合查询来向大家说明这一技术技巧.当我们只输入部门名而员工姓名为空值时,那么部门内所有员工信息将被呈现,只有当你同时限制部门与员工姓名时,才能查询出唯一信息. 那就让我们开始. 首先建立查询页面search.php,不同于上次单一条件查询,这次我们需要两个条件的组合进行查询. <html> <body

  • jQuery实现条件搜索查询、实时取值及升降序排序的方法分析

    本文实例讲述了jQuery实现条件搜索查询.实时取值及升降序排序的方法.分享给大家供大家参考,具体如下: 一.鼠标点击获取搜索条件中的被选中的值 创建方法  getAttrValue() 方法,每次的 .click 都要调用  function  getAttrValue(){} 例如,把选中的值给到属性 data-value .只需要每次点击,获取 li.active 的子集  a 的 .attr("data-value")即可 eg: var pubTime = $(getArr[

  • 详解MySQL子查询（嵌套查询）、联结表、组合查询

    一.子查询 MySQL 4.1版本及以上支持子查询 子查询:嵌套在其他查询中的查询. 子查询的作用: 1.进行过滤: 实例1:检索订购物品TNT2的所有客户的ID = + 一般,在WHERE子句中对于能嵌套的子查询的数目没有限制,不过在实际使用时由于性能的限制,不能嵌套太多的子查询. 注意:列必须匹配 --在WHERE子句中使用子查询(如这里所示),应该保证SELECT语句具有与WHERE子句中相同数目的列.通常,子查询将返回单个列并且与单个列匹配,但如果需要也可以使用多个列. 示例2:返回订购

  • 原生JS实现多条件筛选

    本文实例为大家分享了原生JS实现多条件筛选的具体代码,供大家参考,具体内容如下 我在学JS初始看到的教程基本都是JS二级联动查询.三级联动查询:如下图: 但有时并不需要级联查询,如购买商品时: 今天我以慕课网前端样式作为参考做了下面的Demo,基于原生JS <div id="direction"> <strong>方向:</strong> <span class="active">全部</span> <

  • 详解mysql 组合查询

    详解mysql 组合查询

    使用UNION 多数SQL查询都只包含一个或多个表中返回数据的单条SELECT语句.MySQL也允许执行多个查询(多条SELECT语句),并将结果作为单个查询结果集返回.这些组合查询通常称为并(union) 有两种情况需要使用组合查询: 在单个表查询中从不同的表返回类似结构的数据: 对单个表执行多个查询,按单个查询返回数据. 组合查询和多个WHERE条件:多数情况下,组合相同表的两个查询完成的工作与具有多个WHERE子句条件的单条查询完成的工作相同. 可用UNION操作符来组合数条SQL查询,所

  • Elasticsearch之基本查询及组合查询操作示例

    目录 Elasticsearch查询 一 基本查询 1.1 match查询 1.2 term查询 1.3 terms查询 1.4 控制查询的返回数量(分页) 1.5 match_all 查询 1.6 match_phrase查询 1.7 multi_match 1.8 指定返回的字段 1.9 sort 结果排序 1.10 range范围查询 1.11 wildcard查询 1.12 exists存在 二 组合查询 2.1 bool查询 2.2 简单过滤查询 2.3 查询多个值 2.4 bool过

随机推荐