<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>SCRIPT!</TITLE>
</HEAD>
<BODY>
<div id=clases>
Выберете клас <select><optgroup label="Герои ближнего боя">
<option value="1">Рыцарь</option>
<option value="2">Варвар</option>
</optgroup><optgroup label="Герои дальнего боя">
<option value="3">Лучник</option>
</optgroup><optgroup label="Герои использующие волшебство">
<option value="4">Маг</option>
<option value="5">Чародей</option></select>
<input type="button" value="Выбрать" onclick="pickclase()" />
</div>
<script>
var clases_div = document.getElementById("clases");function pickclase(){
clases.innerHTML = 'Выберете расу <select> <option value="100">Человек</option><option value="102">Гном</option><option value="103">Эльф</option><option value="104">Орк</option></select><input type="button" value="Выбрать" onclick="pickrace()" />';
}
</script>
</body>
</html>