Спасибо, за помощь.
А можно еще подсказку, как сделать тоже самое но вместо input у нас будет второй select с display:none. И нужно при выборе в выпадающем списки select1 - показать первый спрятанный select, а если выбрали select2 то второй второй.
<div>
<select onchange="f(this)">
<option value='change' >change</option>
<option value='select1'>select1</option>
<option value='select2'>select2</option>
</select>
<select style="display:none">
<option value='select1'>select1</option>
</select>
<select style="display:none">
<option value='select2'>select2</option>
</select>
</div>