Выпадающий список - HTML и CSS

чебургатор · 13.05.2009, 16:05

Подскажите пожалуйста, как в ШТМЛе сделать выпадающий список, и как туда добавлять пункты списка...

spamer · 13.05.2009, 16:41

Какой именно выпадающий список? Конкретней скажи.

Вот выпадающее меню

Код HTML:

<html>
<head>
<script>
/*<!--<![CDATA[*/
document.onclick= function(e)
{
var s= (e)?e.target:(event)?event.srcElement:"";
if ((e?e:event).button>0) return;
while (s)
{
if (s.className&&s.className.search(/\bbaken\b/)!=-1)
{
s= s.parentNode;
while (s)
{
if (!s.className)
{
s= s.parentNode;
continue;
}
var t= s.className.replace(/\boff\b/,"on");
if (t==s.className) {t= s.className.replace(/\bon\b/,"off"); opened=false;};
if (t==s.className)
{
s= s.parentNode;
continue;
}
s.className= t;
if (s.className.search(/\bonlyone\b/)!=-1) // закрывать ли соседние ветки
{
var e=s;
while (e=e.nextSibling)
{
if (e.className) e.className= e.className.replace(/\bon\b/,"off");
}
var e=s;
while (e=e.previousSibling)
{
if (e.className) e.className= e.className.replace(/\bon\b/,"off");
}
}
break;
}
break;
}
s= s.parentNode;
}
}
function initbakens()
{
var s= document.getElementsByTagName("*");
for (var i=0; i<s.length; i++)
{
s[i].className= s[i].className.replace(/\bonoff\b/,"off");
}
}
/*]]>-->*/
</script>
<style>
/*<!--<![CDATA[*/
.off dd {display: none;}
.baken {cursor: pointer}
/*]]>-->*/
</style>
</head>
<body>
<dl class="off">
<dt class="baken">Меню1</dt>
<dd class="off">
<dl>
<dt class="baken">Подменю1</dt>
<dd>Текст1</dd>

<dd>Текст2</dd>
<dd>Текст3</dd>
<dd>Текст4</dd>
</dl>
</dd>
<dd class="off">
<dl>
<dt class="baken">Подменю2</dt>
<dd class="onoff onlyone">
<dl>
<dt class="baken">Подменю1</dt>
<dd>Текст1</dd>

<dd>Текст2</dd>
<dd>Текст3</dd>
<dd>Текст4</dd>
</dl>
</dd>
<dd class="onoff onlyone">
<dl>
<dt class="baken">Подменю2</dt>
<dd>Текст1</dd>
<dd>Текст2</dd>
<dd>Текст3</dd>

<dd>Текст4</dd>
</dl>
</dd>
<dd class="onoff onlyone">
<dl>
<dt class="baken">Подменю3</dt>
<dd>Текст1</dd>
<dd>Текст2</dd>
<dd>Текст3</dd>
<dd>Текст4</dd>
</dl>

</dd>

<script>initbakens()</script>
</body>
</html>

А вот создание ComboBox'а

Код HTML:

<html>
<body>
<form>
	<select>
		<option selected>Text1</option>
		<option>Text2</option>
		<option>Text3</option>
	</select>
</form>
</body>
</html>

чебургатор · 13.05.2009, 19:58

Я проще решение нашёл

Код HTML:

<select name="spisok"><option value=0>Выберите категорию</option>
<option value="kat1">категория 1</option>
<option value="kat2">категория2</option>
<option value="kat3">категория 3</option>
</select>

13.05.2009, 16:05	#1
чебургатор Пользователь Регистрация: 06.09.2008 Сообщений: 41	Выпадающий список Подскажите пожалуйста, как в ШТМЛе сделать выпадающий список, и как туда добавлять пункты списка...

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Выпадающий список	lenka_fed	Microsoft Office Excel	3	18.11.2008 13:26
Выпадающий список	Акашаев Нурлан	Общие вопросы Delphi	3	27.06.2008 16:58
выпадающий список	SunKnight	БД в Delphi	1	24.03.2008 22:44
Выпадающий список в DBGrid	Belik	БД в Delphi	2	29.02.2008 18:25
выпадающий список	Toxa	Microsoft Office Excel	2	23.04.2007 09:40