ADMin Портал!

Профиль



Добро пожаловать,
Гость

54.224.76.150

Регистрация или вход
Потеряли пароль?

Сейчас онлайн
Администраторы:0
Пользователей:0
Гостей:32
Поисковые боты:2

Всего:34

Кнопки




Исходный код

Статьи

JavaScript

Примеры javascipt для сайта
Фильтрация списка Select по мере ввода в Input
По мере ввода текста в Input строки элемента Select (в моем случае тип - multiple) фильтруются - остаются только те строки, значения которых начинаются на уже набранные в Input.
Код
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<input type="text" name="ed" id="ed" style="width: 200px;" value="" onKeyUp="

var selectlist = document.getElementById('selectlist');
var ed = document.getElementById('ed');

for (var i = 0; i < selectlist.length; i++) {

if (ed.value.length > 0)
if (selectlist.options[i].value.substring(0,ed.value.length) == ed.value) {
selectlist.options[i].style.display = 'block'
} else {
selectlist.options[i].style.display = 'none';
}
if (ed.value.length == 0)
for (var i = 0; i < selectlist.length; i++) {
selectlist.options[i].style.display = 'block';
}

}">

<br><br>

<select name="selectlist" id="selectlist" style="width: 200px;" multiple>
   <option>123456789</option>
   <option>12535346546543535</option>
   <option>154364357567345</option>
   <option>1546347458767</option>
   <option>2345533535346</option>
   <option>25463645365</option>
   <option>25354356457</option>
   <option>2569098989</option>
   <option>257987645735</option>
   <option>3353456547657</option>
   <option>3455766767576</option>
   <option>3454545454</option>
   <option>3432323232323</option>
</select>


Для оптимизации кода вы можете вынести событие OnKeyUp в отдельный файл, например filterlist.js
Дата публикации: 27.08.2015
Прочитано: 4163 раз
Нет комментариев. Почему бы Вам не оставить свой?
Ваше имя:
Комментарий:
Секретный код:Секретный код
Повторить:
Антиспам:

Партнеры


websoftstore отзывы

Коменты


Komatoz
хз. но сегодня понадобился
Va-Bank
В общем с современными ОС этот DAEMON Tools уже не требуется..
Va-Bank
Конечно. Ставишь себе Lazarus на Ubuntu и ваяешь программы, ..
Komatoz
Интересно под ubuntu есть такой компилятор?
Va-Bank
Ну здрасьте. Фрипаскаль используется в проекте Lazarus. И я ..
Va-Bank
Выпустил новую версию утилиты. Понадобилась одному моему тов..
ShohinKarimov
Огромное спасибо за статью ;D
kukus
Разобрались. В default-ssl.conf был прописан путь до /var/ww..
kukus
Не работает по https - not found везде, в веб-морде, в win-к..
Komatoz
filename в header необходимо дополнительно обернуть заслешен..
Komatoz
при создании пользователя через phpmyadmin нужно указать (по..
Komatoz
что - то не так пошло с настройкой www сервера - 404ой ошибк..
Дмитрий
После строчки "скопируйте ссылку phpmyadmin из var/www/..
Сергей
Здесь актуальный производственный календарь на текущий год
Komatoz
попробуйте найти разработчика - вполне может быть что за 9 л..


Powered by SLAED CMS © 2005-2007 SLAED. All rights reserved.