Скажите пожалуйста, как решить слудующую задачу: есть выпадающий список с условиями (До, После,Между) и есть 2 текстовых поля: дата начала и конца соответственно, а также 2 лэйбла: С и По. Нужно в зависимости от условия в выпадающем списке скрывать\отображать то или иное поле. Например если выбрано Между, то все отображается, а если До - скрывается текстовое поле с начальной датой и лэйбл С. Во первых не знаю события изменения итема, а во вторых не знаю как потом работать с этим выпадающим списком. Написал такую функцию:

function ShowHideDate(ddl)
{
var lblfrom = document.getElementById('lblCreatedFrom');
var datebegin = document.getElementById('tbCreatedBegin');
var lblto = document.getElementById('lblCreatedTo');
var dateend = document.getElementById('tbCreatedEnd');

if (ddl.SelectedItem.Text == 'Равно' || ddl.SelectedItem.Text == 'Начиная с' || ddl.SelectedItem.Text == 'После')
{
lblfrom.visible = true;
datebegin.visible = true;
lblto.visible = false;
dateend.visivle = false;
}
if (ddl.SelectedItem.Text == 'Заканчивая' || ddl.SelectedItem.Text == 'До')
{
lblfrom.visible = false;
datebegin.visible = false;
lblto.visible = true;
dateend.visivle = true;
}
if (ddl.SelectedItem.Text == 'Между')
{
lblfrom.visible = true;
datebegin.visible = true;
lblto.visible = true;
dateend.visivle = true;
}
}

1. Скажите, правильно ли ddl.SelectedItem.Text == ... или там другое совйство
2. Правильно ли lblfrom.visible = ...
3. Подскажите пожалуйста событие, при котором будет вызываться эта функция!
Заранее спасибо!

Спасибо!