[xolseg]

Спасибо за помощь, получилось, нечто вроде этого:

               <p>Информация о подразделении:</p>
                <p><div class="form"><form:label path="departament">Подразделение:</form:label></div></p>
                <div class="form"><select name="subdivision" id="subdivision" onchange="change_select(this)">
                    <option disabled="disabled" class="opt-group">Подразделение</option>
                    <option value="0" >Директорат</option>
                    <option value="1">Бухгалтерия</option>
                    <option value="2">IT</option>
                    <option value="3">Офисный планктон</option>
                </select>
                <select name="position0" id="position0" onchange="change_select(this)" style="display:none">
                    <option value=11>Генеральный директор</option>
                    <option value=12>Комерческий директор</option>
                </select>
                <select name="position1" id="position1" onchange="change_select(this)" style="display:none">
                    <option value=21>Главный бухгалтер</option>
                    <option value=22>Бухгалтер</option>
                    <option value=23>Кассир</option>
                </select>
                <select name="position2" id="position2" onchange="change_select(this)" style="display:none">
                    <option value=31>Главный системный администратор</option>
                    <option value=32>Системный администратор</option>
                    <option value=33>Программист</option>
                </select>
                <select name="position3" id="position3" onchange="change_select(this)" style="display:none">
                    <option value=41>Auri</option>
                    <option value=42>Mongol</option>
                    <option value=43>Pointer*Rage</option>
                </select></div>
Code: HTML

<script type="text/javascript">
        function change_select(element) {
            switch (element.value) {
                case '0':
                    document.getElementById('position0').style.display= 'inline';
                    document.getElementById('position1').style.display= 'none';
                    document.getElementById('position2').style.display = 'none';
                    document.getElementById('position3').style.display = 'none';
                    break;
 
                case '1':
                    document.getElementById('position0').style.display= 'none';
                    document.getElementById('position1').style.display= 'inline';
                    document.getElementById('position2').style.display = 'none';
                    document.getElementById('position3').style.display = 'none';
                    break;
 
                case '2':
                    document.getElementById('position0').style.display= 'none';
                    document.getElementById('position1').style.display= 'none';
                    document.getElementById('position2').style.display = 'inline';
                    document.getElementById('position3').style.display = 'none';
                    break;
 
                case '3':
                    document.getElementById('position0').style.display = 'none';
                    document.getElementById('position1').style.display= 'none';
                    document.getElementById('position2').style.display = 'none';
                    document.getElementById('position3').style.display = 'inline';
                    break;
 
                default:
 
            }
        }
    </script>
Code: Javascript