понедельник, 11 февраля 2013 г.

JavaScript: объект select

Как известно объект select представляет собой выпадающий список. Он содержит список параметров (который и выпадает при нажании на него), доступ к которому можно получить через свойство options. Количество элеменов можно получить из свойства length самого объекта select. Свойство же size возыращает и задает количество отображаемых на странице элементов (не в выпадающем списке, а именно на странице). Я тестил это свойство в Chrome и при заничении size > 1 отображались все элементы списка.

Если необходимо чтобы список поддерживал множествнное выделение нужно присвоить свойсту multiple значение true.

Индекс текущего выбранного элемента содержится в свойстве selectedIndex. Если выбран режим со множественным выдылением, то это свойство содержит индекс первого выделенного элемента.

Так же имеется свойство form, которое ссылается на форму, в которой находится объект select.

Вставить новый элемент в список можно как с помощъю метода add самого select'a, так и с помощью метода add свойсва options.
selectObject.add(option,before)

Удаляются элементы списка методом remove:
selectObject.remove(index)

Также стоит напомнить как оформляеся select в HTML:


PS: подробная информация с примерами об объекте select находится сдесь.

Комментариев нет:

Отправить комментарий