Как удалить объекты select

[D_Sergeevich]

Всем привет.
У меня есть див в который динамически добавляются объекты select. Все они привязываются на одно событие onchange. Мне нужно удалить все объекты select из дива после объекта который вызвал событие.

function SelectCategory(event) {
    var myIndex = event.target.selectedIndex;
    var idCategory = event.target.options[myIndex].value;
//как вот здесь удалить все объекты select из div которые находятся после этого
    }
}

[D_Sergeevich]

<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>

Вот при повторном выборе в первом селекте нужно удалить все которые идут после него.

[Rise]

D_Sergeevich,

<select id="category" onchange="SelectCategory(this);">

function SelectCategory(t) {
	while (t.nextSibling) t.nextSibling.parentNode.removeChild(t.nextSibling);
}

[D_Sergeevich]

<select id="category" onchange="SelectCategory(this);">

Благодарю. Только получилось вот так:

while (event.currentTarget.nextSibling) event.currentTarget.nextSibling.parentNode.removeChild(event.currentTarget.nextSibling);

У меня еще такой вопросик. Есть веб сервис, вызывается так:

Appointment.WebServiceAppointment.GetChildCategory(idCategory, OnRequestComplete, OnError);

Как можно в функцию OnRequestComplete передать доп параметр, например true