Есть статичная страница "Список желаемых товаров"
На этой странице есть 4 таба по 8 товаров к каждом табе.
Суть в том, что есть поле для поиска, при вводе 3 и более букв необходимо чтобы товары в списке фильтровались и отсеивались те, что не совпадают с запросом в строке поиска по товарам. Так же нужно учитывать то, что при удалении товара из списка желаемого - он не отображался в поиске (список удаленных товаров записывался в массив и не выводился при поиске на странице, (как я думаю)).
Одна единственная страница на html + css + bootstrap.
Второй день не могу найти в интернете что-то подобное, пытался вставить скрипт который фильтрует таблицы, но он не сработал. Сделать это нужно без базы данных т.е. поиск по дивам в которых находиться h4 заголовок с названием товара.
Может знаете что лучше всего подойдет, какой скрипт или готовое решение, потому что я абсолютно не знаю что делать. Вся проблема в том что нет базы данных, а по условию - базы не должно быть(
Буду очень благодарен Вашему совету или помощи
-
2Мне видится 2 пути решения вашей проблемы, 1 - написать скрипт самостоятельно(возможно попутно задавая конкретные вопросы по вами написанному коду). 2 - Обратится на фриланс и заказать нужный вам скрипт там. – Владимир Клыков 1 дек '18 в 10:55
-
@Nick ваши наработки, в виде кода, здесь приветствуются и, возможно, сильно ускорят появление ответа. – UModeL 1 дек '18 в 12:53
-
@UModeL буду иметь ввиду, спасибо ;) – ryzen 1 дек '18 в 15:32
2 ответа
Вот кусочек из моего проекта, работает по input. Думаю принцип реализации ясен
$("#search").on("input", function () {
var search=$(this).val();
if(!search){ $("#goods").show(); return; }
$("#goods").hide();
$("#goods").each(function() {
if( $(this).text().toLowerCase().indexOf(search.toLowerCase())>=0 ){
$(this).show();
}
});
});
Вы можете реализовать данную задача создав массив с объектами товаров и организовать выборку по имени товара из этого массива.
У меня так реализован TODO лист (только с базой данных). Из бд при загрузке все задачи импортируются в объект и больше с БД я не работаю. Организую поиск по объекту.