Javascript 使用最小值和最大值筛选列表
我正在使用list.js,我已经查看了可以找到的api。我仍然不知道如何让我的最小和最大价格过滤器只显示在两个范围之间的结果 这就是我到目前为止所做的:Javascript 使用最小值和最大值筛选列表,javascript,jquery,list.js,Javascript,Jquery,List.js,我正在使用list.js,我已经查看了可以找到的api。我仍然不知道如何让我的最小和最大价格过滤器只显示在两个范围之间的结果 这就是我到目前为止所做的: var选项={ ValueName:[“类别”、“价格”] }; var featureList=新列表('单件搜索',选项); $(“#过滤红色”)。单击(函数(){ featureList.filter(功能(项){ 如果(item.values().category==“红色”){ 返回true; }否则{ 返回false; } });
var选项={
ValueName:[“类别”、“价格”]
};
var featureList=新列表('单件搜索',选项);
$(“#过滤红色”)。单击(函数(){
featureList.filter(功能(项){
如果(item.values().category==“红色”){
返回true;
}否则{
返回false;
}
});
返回false;
});
$(“#过滤器蓝色”)。单击(函数(){
featureList.filter(功能(项){
if(item.values().category==“蓝色”){
返回true;
}否则{
返回false;
}
});
返回false;
});
$(“#筛选无”)。单击(函数(){
featureList.filter();
返回false;
});
$('#minPrice')。在('change keydown paste input click',function()上{
var minPrice=$('#minPrice').val();
featureList.filter(功能(项){
如果(item.values().price>=minPrice){
返回true;
}否则{
返回false;
}
});
返回false;
});
$('#maxPrice')。在('change keydown paste input click',function()上{
var maxPrice=$('#maxPrice').val();
featureList.filter(功能(项){
if(item.values().price首先,您必须将输入值转换为数字。然后,我对两个输入使用了一个事件,并且只使用了一个if语句和两个条件
通常,如果您想使用不同的条件过滤数据,您必须在一个位置使用它们(例如,您可以添加红色和蓝色的单选按钮,然后当您更改minPrice
或maxPrice
输入时,您可以检查是否选中了正确的单选输入,并根据价格和类别过滤数据)
var选项={
ValueName:[“类别”、“价格”]
};
var featureList=新列表('单件搜索',选项);
$('#minPrice,#maxPrice')。在('change keydown paste input click',function()上{
var minPrice=parseInt($('#minPrice').val(),10);
var maxPrice=parseInt($('#maxPrice').val(),10);
var category=$('[name=“category”]:选中').val();
featureList.filter(功能(项){
如果(类别=='all'){
如果(item.values().price>=minPrice&&item.values().price=minPrice&&item.values().price=minPrice&&item.values().price>,这几乎是完美的。在应用价格过滤器时,是否还有办法维护现有过滤器?例如,如果我有“仅显示蓝色div”选择后,我将价格过滤器设置为最小值:20&最大值:100。这样,只有价格介于20和100之间的蓝色div才会显示?或者相反,如果设置了价格过滤器,然后选择了颜色过滤器,则只有组合的过滤器结果才会显示?是,为此,您必须将li
按钮更改为例如单选元素(蓝色和红色)。然后在priceMin/priceMax
事件中,您可以检查该收音机的值是否已设置。如果未设置,您只需保持if语句的当前状态。例如,如果选中红色,则仅当价格正确且item.values()时才返回true。类别==“红色”
。使用类别过滤器更新答案。