gpt4 book ai didi

php - 如何通过下拉列表对数据进行排序

转载 作者:行者123 更新时间:2023-11-29 20:55:35 24 4
gpt4 key购买 nike

我正在汽车经销商网站上工作,客户可以在该网站上发布不同类型的汽车。客户可以根据白牌或黄牌的基础上对汽车进行分类或查看。

我的查询 ID:有一个类别页面,默认情况下我显示所有类型的汽车。但我需要当客户从下往上选择任何值时,数据将根据选择的值而变化。这是下拉代码:

<form action="" method="post" enctype="multipart/form-data">
<div class="b-infoBar__select-one">
<span class="b-infoBar__select-one-title">SORT BY</span>
<select name="cartype" id="cartype" class="m-select">
<option value="" selected="">Select Car Type</option>
<?php
$query=mysql_query("select * from cartype");
while($display=mysql_fetch_array($query))
{
?>
<option value="<?php echo $display['cartype']; ?>"><?php echo $display['cartype']; ?></option>
<?php
}
?>
</select>
</div>
</form>

这是我的数据显示代码:

<div class="row">
<?php
$query=mysql_query("select * from productdetail");
while($display=mysql_fetch_array($query))
{
?>
<div class="col-lg-4 col-md-6 col-xs-12">
<div class="b-items__cell wow zoomInUp" data-wow-delay="0.5s">
<div class="b-items__cars-one-img">
<a href="details.php?id=<?php echo $display['id']; ?>"><img class='img-responsive' src="images/product/<?php echo $display['img']; ?>" width="400" height="300" alt='chevrolet'/></a>
</div>
<div class="b-items__cell-info">
<div class="s-lineDownLeft b-items__cell-info-title">
<a href="details.php?id=<?php echo $display['id']; ?>"><h2 class=""><?php echo $display['companyname']; ?></h2></a>
</div>
<div class="row m-smallPadding">
<div class="col-xs-6">
<ul>
<li><?php echo $display['make']; ?></li>
<li><?php echo $display['model']; ?></li>
<li><?php echo $display['status']; ?></li>
<li><?php echo $display['fueltype']; ?></li>
</ul>
<h5 class="b-items__cell-info-price"><?php echo $display['price']; ?></h5>
</div>
<div class="col-xs-6">
<div class="b-items__cell-info-km">
<img src="assets/icon/meter.png" />
<p><?php echo $display['kilometer']; ?></p>
</div>
<a href="details.php?id=<?php echo $display['id']; ?>" class="btn m-btn">VIEW DETAILS<span class="fa fa-angle-right"></span></a>
</div>
</div>
</div>
</div>
</div>
<?php
}
?>
</div>

最佳答案

<html>
<body>

<script language="javascript" type="text/javascript">
<!--
//Browser Support Code
function myFunction(){
var ajaxRequest; // The variable that makes Ajax possible!

try{
// Opera 8.0+, Firefox, Safari
ajaxRequest = new XMLHttpRequest();
} catch (e){
// Internet Explorer Browsers
try{
ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try{
ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e){
// Something went wrong
alert("Your browser broke!");
return false;
}
}
}
// Create a function that will receive data sent from the server
ajaxRequest.onreadystatechange = function(){
if(ajaxRequest.readyState == 4){
var ajaxDisplay = document.getElementById('ajaxDiv');
ajaxDisplay.innerHTML = ajaxRequest.responseText;
}
}

var cartype = document.getElementById("cartype").selectedIndex;

var queryString = "?cartype=" + cartype;
ajaxRequest.open("GET", "your get data page .php" + queryString, true);
ajaxRequest.send(null);
}

//-->
</script>



<form action="" method="post" enctype="multipart/form-data">
<div class="b-infoBar__select-one">
<span class="b-infoBar__select-one-title">SORT BY</span>
<select name="cartype" id="cartype" onchange="myFunction()">
<option value="" selected="">Select Car Type</option>
<!-- <?php
$query=mysql_query("select * from cartype");
/* while($display=mysql_fetch_array($query))*/
{
?> -->
<option value="VOLVO">VOLVO</option>
<!-- <?php
}
?> -->
</select>
</div>
</form>
<div id='ajaxDiv'>Your result will display here</div>
</body>
</html>

关于php - 如何通过下拉列表对数据进行排序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37655152/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com