A simple, lightweight jQuery plugin for implement live-search.
MIT License
A simple, lightweight jQuery plugin for implement live-search.
$.liveSearch({
selectorContainer: "ul",
selectorElementsToSearch: "li",
attributeToSearch: false,
selectorInputSearch: "#search-query",
selectorToHide: false,
selectorFixed: "li:first",
});
<input type="text" id="search-query">
<ul>
<li>Header</li>
<li>Pernalonga</li>
<li>Patolino</li>
<li>Eufrazino</li>
<li>Lola Bunny</li>
<li>Frajola</li>
<li>Piu-Piu</li>
<li>Taz</li>
</ul>
var objLiveSearch = $.liveSearch({
selectorContainer: "ul",
selectorElementsToSearch: "li",
attributeToSearch: false,
selectorInputSearch: "#search-query",
selectorToHide: "li",
selectorFixed: "li:first",
ajaxCallback: function(){
$.get("helpers/ajax-content.html", function(data){
var search_query = objLiveSearch.getInputSearchVal();
objLiveSearch.ajaxDone(data, search_query);
}, 'html');
},
});
<input type="text" id="search-query">
<ul>
<li>Header</li>
</ul>
<html>
<head>
<title>Ajax Content</title>
</head>
<body>
<ul>
<li>Header</li>
<li>Pernalonga</li>
<li>Patolino</li>
<li>Eufrazino</li>
<li>Lola Bunny</li>
<li>Frajola</li>
<li>Piu-Piu</li>
<li>Taz</li>
</ul>
</body>
</html>