php结合js实现多条件组合查询
40 浏览量
2020-12-11
11:58:25
上传
评论
收藏 57KB PDF 举报
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);
评论0