06.12.2007, 01:15
|
|
Постоянный
Регистрация: 30.08.2007
Сообщений: 773
Провел на форуме:
3069349
Репутация:
808
|
|
gibson, если я правильно понял:
Код:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript">
<!--
function choose(e) {
if(!e.options[e.selectedIndex].value) return;
var list = document.getElementById('selected'),
li = document.createElement('li'),
txt = document.createTextNode(e.options[e.selectedIndex].value);
li.className = (list.lastChild && list.lastChild.className == 'dark') ? 'light' : 'dark'; // Stuff
li.appendChild(txt);
list.appendChild(li);
e.selectedIndex = 0;
if(list.getElementsByTagName('li').length > 9) e.parentNode.removeChild(e);
}
//-->
</script>
<style type="text/css">
<!--
#selected { padding: 0 3px; width: 150px; margin-left:20px; }
#selected li { padding: 0 3px; }
#selected li.dark { background-color: #EFEFEF; }
#selected li.light { background-color: #FAFAFA; }
//-->
</style>
</head>
<body>
<select onchange="choose(this)">
<option value=""></option>
<option value="Значение 1">Элемент 1</option>
<option value="Значение 2">Элемент 2</option>
<option value="Значение 3">Элемент 3</option>
<option value="Значение 4">Элемент 4</option>
<option value="Значение 5">Элемент 5</option>
<option value="Значение 6">Элемент 6</option>
<option value="Значение 7">Элемент 7</option>
<option value="Значение 8">Элемент 8</option>
<option value="Значение 9">Элемент 9</option>
<option value="Значение 10">Элемент 10</option>
</select>
<ol type="1" id="selected">
</ol>
</body>
</html>
Точно работает в IE6, Opera 9, Safari, FF 2.0... |
|
|