в оглавление примеры сценариев с использованием различных свойств общая схема иерархической структуры объектов
 
 
 
 

объект элемента select

предыдущая страничка следующая страничка

Описание объекта. Объекты элементов SELECT представляют собой, возможно, самые интересные элементы пользовательского интерфейса среди стандартных объектов. В одном формате они принимают вид всплывающих, а а другом — прокручивающихся списков. Всплывающие списки, в частности, позволяют эффективно использовать рабочую площадь страницы. Более того, только элемент, выбранный пользователем, отображается на странице, что позволяет избежать пустого заполнения страницы ненужными данными.
По сравнению с другими объектами JavaScript элементы SELECT трудно программировать, в основном, из-за сложности представления данных, включенных в список элементов. То, что пользователь видит на странице как элемент SELECT, состоит из самого элемента, а также элементов OPTION, содержащих конечные данные, выбираемые пользователями. Одни свойства, задаваемые программистам, принадлежат объекту SELECT, другие — объектам OPTION. Например, индекс текущей выбранной опции в списке является свойством объекта SELECT. Однако, чтобы получить непосредственно отображаемый текст, необхолимо обратиться к свойству text, принадлежащему объекту выбранного элемента OPTION .
При определении объекта SELECT в форме необходимо внимательно задавать конструкцию, состоящую из пары дескрипторов <SELECT>. . . </SELECT>. Прежде всего, большинство атрибутов, определяющих объект целиком (NAME, SIZE, а также обработчики событий), принадлежат открывающему дескриптору <SELECT>. Между ним и закрывающим дескриптором </SELECT> находятся дополнительные дескрипторы, задающие каждую опцию списка. Приве денное ниже определение объекта создает всплывающий список с тремя опциями выбора цвета:

<form>
<select name ="RGBColors" onChange="changeColor(this) ">
<option selected>Red
<option>Green
<option>BIue
</select>
</form>

Форматирование дескрипторов в документе HTML не является важной операцией. Я сделал отступ в строках с опциями списка лишь для повышения читаемости кода.

По умолчанию элемент SELECT отображается как всплывающий список. Чтобы он отображался как прокручивающийся список, атрибуту SIZE необходимо присвоить значение, большее 1. Это значение определяет, сколько строк будет отображаться в списке без про крутки, — попросту говоря, это высота списка, выраженная в строках. Поскольку полосы прокрутки в графическом интерфейсе занимают определенную площадь (для отображения различных областей для щелчка мышью), не следует делать высоту таких списков меньше 4. Если это слишком много для вашей страницы, воспользуйтесь всплывающим меню.

 
 
 
  методы | свойства | примеры | в начало | назад | вперед | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | <<< | >>>

Hosted by uCoz