jquery 用 AJAX / JS / PHP制作过滤器

uxhixvfz  于 2023-03-01  发布在  jQuery
关注(0)|答案(1)|浏览(130)

所以现在我试图创建过滤通过类别/子类别从主页通过 AJAX ,我有可能为1值被发送到ajax文件,当你点击它,所以首先我有类别,就像-男人/ -女人/ -孩子每个单选按钮,所以你只能有1值每个项目在这里。所以在你选择你的类别,子类别将显示,如-连帽衫/ -裤子和更多这是电台以及与另一个id /名称,所以一旦你选择这一个什么都不会发生的值不会得到传递或显示为null,也不是真的知道很多JS或 AJAX im begginer在这里。
类别按钮1

<div class="form-check">
        <input  name="filter" <?php if($findID == $cID) echo "checked"; ?> onload="showSubCats(this.value);" onchange="showSubCats(this.value);" class="form-check-input"  type="radio" value="<?php echo $cID; ?>" id="filter1">
        <label class="form-check-label" for="filter1">
         <?php echo $cName; ?>
        </label>
      </div>

这是用于子类别的按钮2

<div class="form-check">
        <input name="subFilter" onclick="showSubCats('',this.value); " class="form-check-input"  type="radio" value="<?php echo $sID; ?>" id="filter2">
        <label class="form-check-label" for="filter2">
         <?php echo $sName; ?>
        </label>
      </div>

字段的值来自sql查询,如果需要的话,我也可以在这里发布
下面是JS / AJAX 脚本

function showSubCats(val1, val2) {
    $.ajax({
        type: "GET",
        url:  "ajax/filter.php",
        data: 'q='+val1+'&p='+val2,

        success: function(data){
            $("#catID").html(data);
        }
   });
};
tpgth1q7

tpgth1q71#

<input name="subFilter" onclick="showSubCats(<?php echo $cID; ?>,this.value); " class="form-check-input"  type="radio" value="<?php echo $sID; ?>" id="filter2">

在我的例子中,我忘记了从php设置类别ID,以及我试图将其设置为$cID,忘记了我必须回显它,以便在变量本身上显示它,我希望这能帮助一些人

相关问题