Здравствуйте,
есть скрипт:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('input[name="filter"]').val('');
$('input[name="filter"]').keyup(function(e){
var inputValue = $.trim($(this).val()).toLowerCase()
, i = 0
, $menuElements = $('.b-menu li')
, len = $menuElements.length;
if (inputValue !== '') {
$menuElements.hide();
for (; i < len; i += 1) {
if (inputValue === $menuElements.eq(i).text().toLowerCase().substr(0, inputValue.length)) {
$menuElements.eq(i).show();
}
}
} else {
$menuElements.show();
}
});
});
</script>
<title>Фильтр</title>
</head>
<body>
<div class="b-selector">
<input type="text" name="filter" />
<ul class="b-menu">
<li class="b-menu__item">Колбаса</li>
<li class="b-menu__item">Масло</li>
<li class="b-menu__item">Молоко</li>
<li class="b-menu__item">Сыр</li>
<li class="b-menu__item">Сметана</li>
</ul>
</div>
</body>
</html>
Он фильтрует список по тексту, все работает но если в строке будет два слова и в input вписать второе, то он его не найдет...
RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.
Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.
Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.