Как сделать так, чтобы при выборе со списка меню например пункт "Дата создания", в самом низу отображалась дата?
Вот написал код, не знаю какое свойство использовать для этого.
<!DOCTYPE HTML>
<html>
<head>
<meta charset=utf-8>
<title>Моя страница</title>
</head>
<body>
<style>
form {
background:#FFCC99;
width: 200px;
border: 2px solid green;
font-family:"Courier New", Courier, monospace;
}
/* убрать padding/border */
form input, form select {
font-size:16px;
font-style:italic;
padding: 0;
border: 0;
width: 100%;
}
/* внешний div даст дизайн */
form div {
margin: 5px;
padding: 5px;
border: 3px solid black;
}
</style>
<form name="santa">
<div>
<select name="santa1">
<option value="t1" selected>Компания</option>
<option value="t2">Дата создания</option>
<option value="t3">Материал</option>
<option value="t4">Оборот</option>
</select>
</div>
<div>
<select name="santa2">
<option value="t01" selected>Модель</option>
<option value="t02">Цена</option>
<option value="t03">Производство</option>
<option value="t04">Цвет</option>
</select>
</div>
</form>
<script>
var form = document.body.children[0];
var select = form.elements.santa1;
//if() document.write();
</script>
</body>
</html>