javascript - 按品牌一一展示产品系列

标签 javascript php jquery html css

我有一个代码,我想在其中显示数组中的产品列表。 我从 n 个品牌中获得大约 1000 种产品。n 可以是 1、2、3 等。 我想展示一个品牌的 2 种产品,然后是第二个品牌的 2 种产品,然后是下一个品牌的 2 种产品,依此类推,在展示时应该重复。

主页.php

<html>
<head>
<title>Insert title here</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<style type="text/css">
#image{
width:250px;
height:250px;
border:1px solid black;
}
</style>
</head>
<body>

<script type="text/javascript">
    function get_check_value() {
        var c_value = [];

        $('input[name="brand"]:checked').each(function () {
            c_value.push(this.value);
        });
        return c_value.join(',');

    }
    function get_disc_value(){
    var d_value=[];
        $('input[name="discount"]:checked').each(function () {
            d_value.push(this.value);
        });
        return d_value.join(',');
        }

    $(document).ready(function(){
   checkboxValidate = function (e) {
   if(e)e.preventDefault();
    //alert("hi");
        //var os = $('#originState').val();
       //var c = $('#commodity').val();
        //var ds = $('#destState').val();
        var ser = get_check_value();
        var disc=get_disc_value();
        //var queryString = "os=" + os;
        var data = "?ser=" + ser;
        var queryString = "&ser=" + ser;
       // alert(ser);
       $.ajax({
       //alert("ajax");
        type: "POST",
        url: "sortingajax.php",
        data: {ser:ser,disc:disc},
        dataType :  'html',
        success: function (b) {
           // alert(a+' ok. '+b)
            $('#results').html(b);
            console.log(b);
        }
    });

    } 
    $( "[type=checkbox]" ).change(checkboxValidate);

    checkboxValidate();
});
</script>


brand
    <input type="checkbox" name="brand" value="Sunbaby" id="check" />Sunbaby
    <br/>
    <input type="checkbox" name="brand" value="Advance Baby" id="check"/>Advance Baby
    <br/>
    store
    <br/>
    <input type="checkbox" name="discount" value="10" />10
    <br/>
    <input type="checkbox" name="discount" value="20" />20
    <br/>
    <input type="checkbox" name="discount" value="30" />30
    <br/>


<button id="btnSubmit">sort</button>
<div id="image">
<img src="http://img5a.flixcart.com/image/sunglass/4/u/y/mb-d4-09b-miami-blues-free-size-275x275-imadzkhuchryqjgp.jpeg" width="250px" height="250px"/>
</div>
<div id="results">
sdfsdfsdfsdfdsfgsdgsbsfgvf
</div>
</body>
</html>

排序ajax.php

<?php

include('connection.php');
$query=$_POST['ser'];

$query2=$_POST['disc'];


$query=explode(",",$query);
$query = array_filter($query);
$query2=explode(",",$query2);
$query2 = array_filter($query2);
$result=count($query);
$result1=count($query1);
//echo $result;
echo $query;
echo $query1;
echo $result1;
$parts = array();
$brandarray=array();
$discarray=array();
$limit = 10;
    $offset = 0;
    foreach( $query as $queryword ){
    $brandarray[] = '`BRAND` LIKE "%'.$queryword.'%"';

}
foreach( $query2 as $discword ){
    $discarray[] = '`DPERCENT` < "'.$discword.'"';

}
"/>

我想先显示一个品牌的 2 种产品,然后显示第二个品牌的 2 种产品,然后显示下一个品牌的 2 种产品。但是根据上面的代码,它显示一个品牌的所有产品,然后显示下一个品牌的所有产品....请指导我如何按品牌更改上述代码产品列表品牌..

最佳答案

根据对代码的快速概览,您似乎将每个产品的第一个元素添加到数组中,然后是第二个,然后是第三个,依此类推,直到达到最高计数。

改为尝试,首先将最大值限制为 2 而不是最大值(因此在这种情况下,$highest_number 应该 =2) 其次,添加 1 个品牌,然后是下一个品牌,然后是下一个品牌,而不是一次添加所有品牌,因为除非您以其他方式处理它,否则每个品牌都会交织在一起。不知道是不是你想要的?

这有帮助吗?

关于javascript - 按品牌一一展示产品系列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23222998/

相关文章:

javascript - Uncaught ReferenceError : Invalid left-hand side in assignment when trying to assign a sum to value

javascript - 为什么 ("foo"=== new String ("foo")) 在 JavaScript 中计算为 false?

php - PDO/PHP : How to echo a specific metakey value

javascript - 使用第 n 个子选择器更改字体颜色 mousedown/mouseup

javascript - 组合方法来隐藏或显示内容

javascript - 数组作为参数传递,但函数内重新分配失败?

php - 这是一个可以搜索键值的多维数组吗?

php - 如何从具有特殊编码的单词中获取每个字符

Jquery dd/MM/yyyy 日期格式验证

javascript - 如何将此 javascript/jQuery 转换为 "not inline"函数?