Есть скрипт для фильтрации списков и таблиц: http://ruseller[dot]com/lessons.php?[dot][dot][dot]ub=32&id=763
Как можно его поправить чтобы он работал для поля select
Я пробивал так:
PHP:
скопировать код в буфер обмена
<!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>
также я поправил и сам скрипт здесь:
CODE ( javascript):
скопировать код в буфер обмена
// Определяем, что будет фильтроваться. var filterTarget = $(this); var child; if ($(this).is('select')) { child = 'option'; }
также я пробивал так:
PHP:
скопировать код в буфер обмена
<!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>
и поправил скрипт:
CODE ( javascript):
скопировать код в буфер обмена
// Определяем, что будет фильтроваться. var filterTarget = $(this); var child; if ($(this).is('form')) { child = 'select';}
В первом случае вовсе не работает, а во втором когда ввожу слово которое есть в списке то показывается весь список, а если вожу такое слово которого нет в списке то пропадает весь список, тоисть вроде и правильно, но когда ввожу то слово что есть в списке, то остальные почемуто не отфильтровываются.
Как это можно исправить?(Отредактировано автором: 19 Декабря, 2010 - 11:08:11)
|