ADMin Портал!

Партнеры


Профиль



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

54.82.112.193

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

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

Всего:35

Кнопки




Исходный код

Статьи

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
Прочитано: 5050 раз
Нет комментариев. Почему бы Вам не оставить свой?
Ваше имя:
Комментарий:
Секретный код:Секретный код
Повторить:
Антиспам:



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