I want to ask that how can I retrieve filtered results from two or more list using list.js
Let me explain using pictures:
Here's my HTML:
<div id="SearchBarContainer" class="col l10 offset-l1">
<input name="SearchData" class="search" placeholder="Search Anything !" />
<h1 class="McqHeading">MCQs</h1>
<ul class="list">
<li>
<p class="mcq">Mcqs One</p>
</li>
<li>
<p class="mcq">Mcqs Two</p>
</li>
<li>
<p class="mcq">Mcqs Three</p>
</li>
<li>
<p class="mcq">Mcqs Four</p>
</li>
<li>
<p class="mcq">Mcqs Five</p>
</li>
</ul>
<h1 class="NotesHeading">Notes</h1>
<ul class="list2">
<li>
<p class="note">Notes One</p>
</li>
<li>
<p class="note">Notes Two</p>
</li>
<li>
<p class="note">Notes Three</p>
</li>
<li>
<p class="note">Notes Four</p>
</li>
<li>
<p class="note">Notes Five</p>
</li>
</ul>
</div>
Here's the Javascript I'm using for this:
var options = {
valueNames: [ 'mcq','note' ],
listClasses: ['list','list2']
};
var DownloadsList = new List('SearchBarContainer', options);
Here's the result that it produces:
When I typed b it only checked in the First list. I want the code to check in both lists.
Is there any way to do so?