Javascript listjs多重筛选器

Question

我正在尝试使用ListJS进行多次搜索或筛选。看来我的代码不管用了！比如:先过滤产品，然后用颜色过滤，然后用大小过滤。

这只适用于正常的搜索。

我试图做多个搜索，因为我有两个搜索字段。

 <div id="users">   <div class="searchbox">
        <form action="" method="get">
          <input class="search" id="id" placeholder="ID" type="text" />
        </form>   </div>   <div class="searchbox">
        <form action="" method="get">
          <input class="search" id="d2" placeholder="D2" type="text" />
        </form>   </div>

        <script src="javascript/search/list.js"></script> 
<script type="text/javascript">

var options = {
<!--  valueNames: [ 'name', 'type', 'keywords-search', 'd2' ]-->
    valueNames: [ 'keywords-search', 'd2' ]
};
var userList = new List('users', options);    
</script>


<script src="javascript/search/list.js"></script>
<script type="text/javascript">

var options = {
<!--  valueNames: [ 'name', 'type', 'keywords-search', 'd2' ]-->
    valueNames: [ 'keywords-search', 'd2' ]
};
var userList = new List('users', options);    
</script>
<script type="text/javascript">
$('#filter-clothes').on('click', function() {
    var idFilter = $('#id').text();
    var itemFilter = $('#d2').text(); 

    console.log('idFilter: ' + idFilter);
    console.log('d2Filter : ' + d2Filter);
    console.log('Applying filter now...');

    featureList.filter(function(item) {
        console.log('Running filter() on item: ('+item+')');
        console.log('item.values().id: ' + item.values().id);
        console.log('item.values().d2: ' + item.values().d2);

        return 
            (idFilter==='All packages' || item.values().id === idFilter) 
            && (d2Filter==='All items' || item.values().d2 === d2Filter);
    });

    return false;
});

</script>

你们中的任何一个人都有，任何简单的例子，

Answer 1

尝试用逗号替换"+“，如下所示：

valueNames: [ 'keywords-search', 'd2' ]