Список (SELECT)

Свойства

name. Имя объекта.
selectedIndex. Номер выбранного элемента или первого среди выбранных (если указан атрибут MULTIPLE).
length. Количество элементов (строк) в списке.
options. Массив элементов списка, заданных тегами OPTION.

Каждый элемент массива options является объектом со следующими свойствами:

value. Значение атрибута VALUE.
text. Текст, указанный после тега OPTION.
index. Индекс элемента списка.
selected. Присвоив этому свойству значение true, можно выбрать данный элемент.
defaultSelected. Отражает наличие атрибута SELECTED: true - есть, false - нет.

Методы

focus( ). Передает списку фокус ввода.
blur( ). Отбирает у списка фокус ввода.

Пример:

	<html>
	<head>
	<meta http-equiv=Content-Type content="text/html;
	charset=windows-1251">
		<SCRIPT LANGUAGE="JavaScript">
		<!--
		function btnClick()
		{
		  sI=Test.Item.selectedIndex;
		  Txt="";
		  Txt="Предложено

		"+Test.Item.length+" напитков"+
		"\nВыбран "+Test.Item.options[sI].text+
		" (value= "+Test.Item.options[sI].value+
		", index= "+Test.Item.options[sI].index+")";
		if(Test.Item.options[sI].defaultSelected)
		   {Txt+="\nЭтот напиток выбирается по умолчанию"}
		alert(Txt);
		}
		//-->
		</SCRIPT>

	</head>
	<body lang=RU>
		<H1>Работа с готовым списком</H1>
		<FORM NAME="Test">
		<SELECT NAME="Item" SIZE=5>
		<OPTION VALUE="tea" SELECTED>Чай
		<OPTION VALUE ="coffee">Кофе
		<OPTION VALUE ="milk">Молоко
		<OPTION VALUE ="cocoa">Какао
		<OPTION VALUE ="juice">Сок
		</SELECT>
		<INPUT TYPE="button" VALUE="Пусть кофе"
		onClick="Test.Item.options[1].selected=true;">
		<INPUT TYPE="button" VALUE="Посмотрим"
		onClick="btnClick();">
		</FORM>
	</body>
	</html>

Список (SELECT)

Свойства

Методы

Работа с готовым списком

Практическая работа