Вывод select'а при выборе нужного option'a из другого select'a
 

Собственно хотелось бы сделать так:
есть select1:

<select id="select1" size="1" onchange="StatusSelect();"> <option value="">-- Выберите пункт --</option> <option value="1">1</option> <option value="2">2</option>  </select>

далее хотелось бы чтобы при выборе пункта 1 появлялся ещё один select, а при выборе пункта 2, соотвественно появлялся третий select...
пытался сделать с помощью примерно такой функции:

function StatusSelect(){
var selected = $('#select1').find('option[selected]');
if(selected.attr('value') == '1'){};
if(selected.attr('value') == '2'){};

но что-то не заладилось..
подскажите пожалуйста что не так

<select id="select1" size="1" onchange="StatusSelect(this);"...>

function StatusSelect(t){
if(t.value)==1{};
if(t.value)==2{};
};

А зачем 2 ifa??? через else if будет куда лучше, так получается будет 2 проверки, вне зависимости выполнялся ли первый if.