За последние 24 часа нас посетили 18352 программиста и 1605 роботов. Сейчас ищут 934 программиста ...

Фильтрация поля select

Тема в разделе "PHP и базы данных", создана пользователем Maskca, 19 дек 2010.

  1. Maskca

    Maskca Активный пользователь

    С нами с:
    15 июн 2009
    Сообщения:
    14
    Симпатии:
    0
    Есть скрипт для фильтрации списков и таблиц:http://ruseller.com/lessons.php?rub=32&id=763

    PHP:
    1.  
    2. <!DOCTYPE html>
    3. <html>
    4.         <head>
    5.                 <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    6.                 <title>Демонстрация плагина LiveFilter 1.2 | Для сайта RUSELLER.COM</title>
    7.                 <link rel="stylesheet" type="text/css" media="screen" href="screen.css" />
    8.                 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
    9.                 <script type="text/javascript" src="jquery.liveFilter.js"></script>
    10.                 <script type="text/javascript">
    11.                 $(document).ready(function() {
    12.                         $('select.live_filter').liveFilter('slide');
    13.                 });
    14.                 </script>
    15.         </head>
    16. <body>
    17.         <div id="page_wrapper">
    18.                 <div id="list_wrapper">
    19.                         <h1>Демонстрация плагина LiveFilter 1.2</h1>
    20.                         <h5>Фильтрация неупорядоченного списка. Для плагина используется опция 'slide'</h5>
    21.                         <h6>Введите в поле текст для фильтра</h6>
    22.                         <h5>Показать <a href="demo_2.html">фильтрацию таблицы</a></h5>
    23.                         <input class="filter" name="livefilter" type="text" value="" />
    24.            
    25.                         <select size="3" class="live_filter">
    26. <option  value=webmoney>WebMoney</option>
    27. <option value=yandex>Yandex деньги</option>
    28. <option value=rupay>Rupay</option>
    29. <option value=drugoi>Другой</option>
    30. </select>
    31.  
    32.                 </div>
    33.         </div>
    34. </body>
    35. </html>
    36.  
    также я поправил и сам скрипт здесь:
    [js]
    // Определяем, что будет фильтроваться.
    var filterTarget = $(this);
    var child;
    if ($(this).is('select')) {
    child = 'option';
    }
    [/js]

    также я пробивал так:
    PHP:
    1.  
    2. <!DOCTYPE html>
    3. <html>
    4.         <head>
    5.                 <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    6.                 <title>Демонстрация плагина LiveFilter 1.2 | Для сайта RUSELLER.COM</title>
    7.                 <link rel="stylesheet" type="text/css" media="screen" href="screen.css" />
    8.                 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
    9.                 <script type="text/javascript" src="jquery.liveFilter.js"></script>
    10.                 <script type="text/javascript">
    11.                 $(document).ready(function() {
    12.                         $('form.live_filter').liveFilter('slide');
    13.                 });
    14.                 </script>
    15.         </head>
    16. <body>
    17.         <div id="page_wrapper">
    18.                 <div id="list_wrapper">
    19.                         <h1>Демонстрация плагина LiveFilter 1.2</h1>
    20.                         <h5>Фильтрация неупорядоченного списка. Для плагина используется опция 'slide'</h5>
    21.                         <h6>Введите в поле текст для фильтра</h6>
    22.                         <h5>Показать <a href="demo_2.html">фильтрацию таблицы</a></h5>
    23.                         <input class="filter" name="livefilter" type="text" value="" />
    24.             <form class="live_filter">
    25.                         <select size="3" >
    26. <option  value=webmoney>WebMoney</option>
    27. <option value=yandex>Yandex деньги</option>
    28. <option value=rupay>Rupay</option>
    29. <option value=drugoi>Другой</option>
    30. </select>
    31. </form>
    32.                 </div>
    33.         </div>
    34. </body>
    35. </html>
    36.  
    и поправил скрипт:
    [js]
    // Определяем, что будет фильтроваться.
    var filterTarget = $(this);
    var child;
    if ($(this).is('form')) {
    child = 'select';}
    [/js]

    В первом случае вовсе не работает, а во втором когда ввожу слово которое есть в списке то показывается весь список, а если вожу такое слово которого нет в списке то пропадает весь список, тоисть вроде и правильно, но когда ввожу то слово что есть в списке, то остальные почемуто не отфильтровываются.
    Как это можно исправить?