php結合js實作多條件組合查詢

https://www.jb51.net/article/162069.htm

php結合js實作多條件組合查詢

本文執行個體為大家分享了php結合js實作多條件組合查詢的具體代碼，供大家參考，具體内容如下

一、效果圖

二、前端代碼

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

<!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"

>筆記本品牌</

</

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"

>價格範圍</

</

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"

>尺寸範圍</

</

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();

?>

<div class="art_xg">
                            <b>您可能感興趣的文章:</b><ul><li><a href="/article/126527.htm" title="thinkPHP5實作的查詢資料庫并傳回json資料執行個體" target="_blank">thinkPHP5實作的查詢資料庫并傳回json資料執行個體</a></li><li><a href="/article/64221.htm" title="php簡單實作查詢資料庫傳回json資料" target="_blank">php簡單實作查詢資料庫傳回json資料</a></li><li><a href="/article/63756.htm" title="PHP中把資料庫查詢結果輸出為json格式簡單執行個體" target="_blank">PHP中把資料庫查詢結果輸出為json格式簡單執行個體</a></li></ul>
                        </div>

                    </div>

php結合js實作多條件組合查詢

繼續閱讀

php寫一個簡潔的登入頁面

DOM下元素 offset client scroll 相關屬性簡介

Apache與PHP環境下配置本地虛拟主機

Testlink安裝部署之XAMPP

TestLink 圖表中文亂碼問題

IE8 CSS設定DIV居中，添加“margin:0 auto”

ecshop屬性排序

Ubuntu16.04安裝Apache+MySQL+PHP1. 安裝Apache2. 安裝MySQL3. 安裝PHP4. 安裝phpMyAdmin

jquery_126_demo

版本号隐藏

Apache配置SSLApache配置SSL

配置apache支援PHP（win7）

Cloud Studio初體驗

NOSQL安全攻擊

php 去掉字元串的最後一個字元及截取原字元串1,2,3,4,5,6,

php——水印