Листинг 6.5. Данные, представленные списком и помещаемые в список
<HTML>
<HEAD>
<TITLE>Данные, представленные списком</TITLE>
<script language="JavaScript">
<!-— //
var n=0
function test(obj)
{ if (n<=(obj.elements[2]).length-1)
{ if (((obj.elements[0])[0]).selected)
{((obj.elements[2])[n]).text=n+l+
" "+((obj.elements[0])[0]).text+" "; n=n+l}
if (((obj.elements[0])[1]).selected)
{((obj.elements[2])[n]).text=n+1+
" "+((obj.elements[0])[1]).text+" "; n=n+l}
if (((obj.elements[0])[2]).selected)
{((obj.elements[2])[n]).text=n+l+
" "+((obj.elements[0])[2]).text+" "; n=n+l}
if (((obj.elements[0])[3]).selected)
{((obj.elements[2])[n]).text=n+1+
" "+((obj.elements[0])[3]).text+" "; n=n+l}
if (((obj.elements[0])[4]).selected)
{((obj.elements[2])[n]).text=n+l+
" "+((obj.elements[0])[4]).text+" "; n=n+1}
if (((obj.elements[0])[5]).selected)
{((obj.elements[2]) En]).text=n+1+
" "+((obj.elements[0])[5]).text+" "; n=n+l)
}
else alert ("Ваш выбор содержит ошибку")
}
//-—>
</script>
</HEAD>
<BODY>
<FORM name="form1">
<Н3>Анкета читателя</Н3>
<Р>Перечислите в порядке важности следующие
шесть характеристик книг</Р>
<select name="forma" size=7 multiple>
<option value="обложка">0формление обложки
<option value="объем">Объем книги
<option value="цена">Цена книги
<option value="качество бумаги">Качество бумаги
<option value="иллюстраций">Наличие цветных иллюстраций
<option value="диcки">Haличиe CD или дискет
</select>
<input type="button" value=Добавить onClick="test(form1)">
<select name="formres" size=7 multiple>
<option value="n1">
<option value="n2">
<option value="n3">
<option value="n4">
<option value="n5">
<option value="n6">
</select>
</FORM>
</BODY>
</HTML>
Недостаток сценария заключается в том, что в результирующем списке могут оказаться одинаковые элементы.
Выбор изображения из списка
Напишем сценарий, во время работы которого при выборе из заданного списка названия рисунка в документе появляется соответствующее изображение (рис. 6.4).
Названия рисунков задаются с помощью тега <seiect>. При выборе названия возникает событие change, обработка которого состоит в том, что в документе появляется соответствующий выбранному названию рисунок. Связь между названием рисунка и изображением устанавливается параметром value. При выполнении оператора switch в функции, обрабатывающей событие, анализируется выбранное значение и загружается соответствующий рисунок. Для того чтобы отобразить на странице другой рисунок, следует изменить параметр src объекта image. Документ, реализующий сценарий, представлен в листинге 6.6.