多条件组合查询

一、效果图

在这里插入图片描述

二、前端代码

<!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();
}
?>

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/569884.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

“三次握手，四次挥手”你真的懂吗？

“三次握手，四次挥手”你真的懂吗？

记得刚毕业找工作面试的时候&#xff0c;经常会被问到&#xff1a;你知道“3次握手&#xff0c;4次挥手”吗&#xff1f;这时候我会“胸有成竹”地“背诵”前期准备好的“答案”&#xff0c;第一次怎么怎么&#xff0c;第二次……答完就没有下文了&#xff0c;面试官貌似也没有…
阅读更多...
连通图遍历策略之深度优先搜索（C语言）

连通图遍历策略之深度优先搜索（C语言）

深度优先搜素&#xff08;DFS&#xff09; 深度优先搜索是一种在开发爬虫早期使用较多的方法。它的目的是要达到被搜索结构的叶结点(即那些不包含任何超链的HTML文件) 。在一个HTML文件中&#xff0c;当一个超链被选择后&#xff0c;被链接的HTML文件将执行深度优先搜索&#…
阅读更多...
单源最短路径之迪杰斯特拉算法（C语言）

单源最短路径之迪杰斯特拉算法（C语言）

Dijkstra&#xff08;迪杰斯特拉&#xff09;算法 采用广度优先搜索思想&#xff0c;对有向赋权图寻找最短路径。 该算法对于不含负权的有向图来说&#xff0c;是目前已知的最快的单源最短路径算法。 时间复杂度&#xff1a;O&#xff08;n^2&#xff09; 基本原理&#xf…
阅读更多...
Mybatis主线流程源码解析

Mybatis主线流程源码解析

Mybatis的基础使用以及与Spring的相关集成在官方文档都写的非常详细&#xff0c;但无论我们采用xml还是注解方式在使用的过程中经常会出现各种奇怪的问题&#xff0c;需要花费大量的时间解决。 抽空了解一下Mybatis的相关源码还是很有必要。 先来看一个简单的Demo&#xff1a; …
阅读更多...
动态规划之背包问题（C语言）

动态规划之背包问题（C语言）

动态规划 动态规划&#xff08;英语&#xff1a;Dynamic programming&#xff0c;简称DP&#xff09;是一种通过把原问题分解为相对简单的子问题的方式求解复杂问题的方法。 动态规划常常适用于有重叠子问题和最优子结构性质的问题 动态规划思想大致上为&#xff1a;若要解一…
阅读更多...
最大子列和问题（JAVA）

最大子列和问题（JAVA）

最大子列和 问题描述&#xff1a;给定N个整数的序列{A1&#xff0c;A2&#xff0c;A3&#xff0c;…&#xff0c;An}&#xff0c;求解子列和中最大的值。 这里我们给出{-2&#xff0c;11&#xff0c;-4&#xff0c;13&#xff0c;-5&#xff0c;-2}这样一个序列&#xff0c;正…
阅读更多...
密码验证

密码验证

用户在创建一个账户时&#xff0c;需要设置一个密码。密码的复杂程度是安全的保障之一&#xff0c;但是有些用户在设置密码时&#xff0c;总是把密码设置的过于简单&#xff0c;导致用户账户的安全存在威胁。因此&#xff0c;为了提高用户账户的安全性&#xff0c;添加了一个Ja…
阅读更多...
阿里云windows/Linux 服务器建站教程，附WordPress配置方法

阿里云windows/Linux 服务器建站教程，附WordPress配置方法

声明&#xff1a;文章仅供学习使用&#xff0c;故采用了多处链接&#xff0c;如有侵权&#xff0c;请私信我&#xff0c;立删。 最近看到一个学长做的验证界面&#xff0c;很简单的两个文本输入框&#xff0c;但是能给我们群里的小伙伴们做题提供一个验证答案的途径&#xff0…
阅读更多...
Maven修改默认仓库为阿里云仓库

Maven修改默认仓库为阿里云仓库

Maven 仓库默认在国外&#xff0c; 国内使用难免很慢&#xff0c;我们可以更换为阿里云的仓库。 第一步:修改 maven 根目录下的 conf 文件夹中的 setting.xml 文件&#xff0c;在 mirrors 节点上&#xff0c;添加内容如下&#xff1a; <mirrors><mirror><id>…
阅读更多...
apache启动错误 AH00072: make_sock: could not bind to address [::]:443

apache启动错误 AH00072: make_sock: could not bind to address [::]:443

一、安装apche遇到问题 在电脑上win7系统中安装了wnmp&#xff08;nginxMySQLphp7.2&#xff09;后&#xff0c;想要在安装一套wamp&#xff08;apacheMySQLphp7.2&#xff09;。说做就做&#xff0c;wamp的安装就比较简单了&#xff1a;首先&#xff0c;直接下载apache的压缩包…
阅读更多...
Page9：结构分解以及系统内部稳定和BIBO稳定概念及其性质[Linear System Theory]

Page9：结构分解以及系统内部稳定和BIBO稳定概念及其性质[Linear System Theory]

内容包含系统能控性结构分解、系统能观测性结构分解以及系统结构规范分解原理&#xff0c;线性系统的内部稳定、BIBO稳定概念及其性质 转载于:https://www.cnblogs.com/ERFishing/p/10314720.html
阅读更多...
Java集合类及常用数据结构

Java集合类及常用数据结构

下面这个图示为JAVA的集合类关系图&#xff0c;没用用严格的UML&#xff0c;了解其中的关系即可&#xff0c;其中颜色强调的几个类为常用的集合类。
阅读更多...
win7添加开机启动项

win7添加开机启动项

添加开机启动项 开始菜单->所有程序->有个“启动”目录&#xff0c;然后右击选择“打开”&#xff0c;之后把软件的快捷方式移动到此目录下&#xff0c;然后重启电脑&#xff0c;就可以了。 注意&#xff1a;如果修改了程序的安装目录&#xff0c;这里需要删除之前的快捷…
阅读更多...
续PA协商过程

续PA协商过程

续PA协商过程 当sw3的接口恢复之后会发生2中情况。 ①sw3的G0/0/2口先发BPDU ②sw3的G0/0/3口先发BPDU sw3先发送BPDU sw3和sw1的交互过程&#xff1a; sw3的2口恢复后&#xff0c;sw3的所有接口&#xff08;除了边缘端口&#xff09;&#xff0c;变为DP&#xff08;discardi…
阅读更多...
搜索算法（一）--DFS/BFS求解拯救同伴问题（JAVA）

搜索算法（一）--DFS/BFS求解拯救同伴问题（JAVA）

拯救同伴问题 问题描述&#xff1a;假设有如下迷宫&#xff0c;求解从某一点出发到目标位置的最短距离 Input: 5 4 0 0 1 0 0 0 0 0 0 0 1 0 0 1 0 0 0 0 0 1 1 1 4 3 Output: 7 深度优先搜索&#xff08;DFS&#xff09; import java.util.Scanner;public class DF…
阅读更多...
PHP7.2的安装与配置（win7）

PHP7.2的安装与配置（win7）

1、PHP的安装 1&#xff09;、环境安装目录&#xff1a; C:/wamp/|——php|——php7.2|——Apache24|——mysql|——www2&#xff09;、下载 linux专用&#xff1a;http://www.php.net/downloads.php windows专用&#xff1a;http://windows.php.net/download/ 官网里Windo…
阅读更多...
搜索算法（二）--DFS/BFS求解炸弹人问题（JAVA ）

搜索算法（二）--DFS/BFS求解炸弹人问题（JAVA ）

炸弹人问题 问题描述&#xff1a;小人可以在迷宫中任意地方放置一个炸弹&#xff0c;炸弹可以在以该点为中心的十字方向杀死怪物&#xff0c;但是触碰到墙之后不再能传递攻击。求将一个炸弹放在哪个位置可以杀死更多的怪物&#xff1f;&#xff1f; Input&#xff1a; 13 1…
阅读更多...
could not find driver和PDO drivers = no value

could not find driver和PDO drivers = no value

could not find driver 使用ThinkPHP5.0.20&#xff08;win7apache2.4.41 php7.2.21MySQL5.7&#xff09;连接MySQL数据库时&#xff0c;报错&#xff1a; 然后使用phpinfo();查看了一下扩展&#xff0c;发现了问题&#xff08;PDO drivers 的值为 no value&#xff09;&…
阅读更多...
搜索算法（三）--DFS/BFS求解宝岛探险问题（JAVA ）

搜索算法（三）--DFS/BFS求解宝岛探险问题（JAVA ）

宝岛探险问题 问题描述&#xff1a;某片海域有诸多岛屿&#xff0c;用0表示海洋&#xff0c;1-9表示陆地&#xff0c;现给定一个岛屿上的坐标点&#xff0c;求解所在岛屿的面积 思路&#xff1a;显然这是一个搜索算法&#xff0c;即只要从当前坐标点开始遍历&#xff0c;每遍…
阅读更多...
win7上修改MySQL数据库密码

win7上修改MySQL数据库密码

一、通过命令行方式修改MySQL密码 1、方法一&#xff1a;用mysqladmin 格式&#xff1a;mysqladmin -u用户名 -p旧密码 password 新密码 实例&#xff1a;mysqladmin -uroot -pabc password 123456 2、方法二&#xff1a;用set password 首先&#xff0c;登录MySQL数据库。…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023