| |
|
|
| | Есть скрипт для фильтрации списков и таблиц: http://ruseller.com/lessons.php?rub=32&id=763
Как можно его поправить чтобы он работал для поля select
Я пробивал так:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>Демонстрация плагина LiveFilter 1.2 | Для сайта RUSELLER.COM</title>
<link rel="stylesheet" type="text/css" media="screen" href="screen.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type="text/javascript" src="jquery.liveFilter.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('select.live_filter').liveFilter('slide');
});
</script>
</head>
<body>
<div id="page_wrapper">
<div id="list_wrapper">
<h1>Демонстрация плагина LiveFilter 1.2</h1>
<h5>Фильтрация неупорядоченного списка. Для плагина используется опция 'slide'</h5>
<h6>Введите в поле текст для фильтра</h6>
<h5>Показать <a href="demo_2.html">фильтрацию таблицы</a></h5>
<input class="filter" name="livefilter" type="text" value="" />
<select size="3" class="live_filter">
<option value=webmoney>WebMoney</option>
<option value=yandex>Yandex деньги</option>
<option value=rupay>Rupay</option>
<option value=drugoi>Другой</option>
</select>
</div>
</div>
</body>
</html>
|
также я поправил и сам скрипт здесь:
// Определяем, что будет фильтроваться.
var filterTarget = $(this);
var child;
if ($(this).is('select')) {
child = 'option';
}
|
также я пробивал так:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>Демонстрация плагина LiveFilter 1.2 | Для сайта RUSELLER.COM</title>
<link rel="stylesheet" type="text/css" media="screen" href="screen.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type="text/javascript" src="jquery.liveFilter.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('form.live_filter').liveFilter('slide');
});
</script>
</head>
<body>
<div id="page_wrapper">
<div id="list_wrapper">
<h1>Демонстрация плагина LiveFilter 1.2</h1>
<h5>Фильтрация неупорядоченного списка. Для плагина используется опция 'slide'</h5>
<h6>Введите в поле текст для фильтра</h6>
<h5>Показать <a href="demo_2.html">фильтрацию таблицы</a></h5>
<input class="filter" name="livefilter" type="text" value="" />
<form class="live_filter">
<select size="3" >
<option value=webmoney>WebMoney</option>
<option value=yandex>Yandex деньги</option>
<option value=rupay>Rupay</option>
<option value=drugoi>Другой</option>
</select>
</form>
</div>
</div>
</body>
</html>
|
и поправил скрипт:
// Определяем, что будет фильтроваться.
var filterTarget = $(this);
var child;
if ($(this).is('form')) {
child = 'select';}
|
В первом случае вовсе не работает, а во втором когда ввожу слово которое есть в списке то показывается весь список, а если вожу такое слово которого нет в списке то пропадает весь список, тоисть вроде и правильно, но когда ввожу то слово что есть в списке, то остальные почемуто не отфильтровываются.
Как это можно исправить? | |
| |
|
