<div id="select_category">
<select id="category" onchange="SelectCategory();">
<option value="-1">-- Выберите из списка --</option>
<option value="1">1</option>
<option value="2">2</option>
</select>
<select id="category" onchange="SelectCategory();">
<option value="-1">-- Выберите из списка --</option>
<option value="1">1.1</option>
<option value="2">1.2</option>
</select>
</div>
Вот при повторном выборе в первом селекте нужно удалить все которые идут после него.