Блог на студио Свест

На два пъти ми се наложи да вграждам функционалност за филтриране на html select list, затова реших да си поиграя и да го изнеса като плъгин.

Идеята – имаме падащо поле (най-често multiple) с много стойности и искаме да ги филтрираме по някаква ключова дума.

Реализацията – трябва ви jQuery и sFilter.

В html кода, освен полето <select id="my_select">, ще трябва и <input type="text" id="my_select-replace">, където ще се въвежда ключовата дума. След това просто извиквате:

$(document).ready(function() {
  $("#my_select").sFilter();
});

Като цяло може да се усъвършенства алгоритъма за търсене. Също така има възможност да се добавят и някои интересни неща като опции, така че очакваите още версии скоро.

В момента филтърът има следното поведение – ако се въведе една буква, се филтрират всички стойности по първа буква, съвпадаща с въведената. Ако се въведат две или повече – всички стойности се претърсват и се филтрират тези, който съдържат въведената фраза.
Планирам да изнеса това поведение в опции, за да може да се ползва според нуждите на всеки.

*** Обновление 13.04.2008 *** – добавени са следните опции:

• - delay (integer): забавяне в милисекунди преди да се приложи въведения филтър. Стойност по подразбиране – 200.
• - keepSelected (boolean): Флаг дали да запазва избраните стройности между отделните филтър заявки. Стойност по подразбиране – true.