Input при определенных select

Приветствую. Имеет select html, и к примеру есть третья строка где написано "другое". И нужно чтобы при выборе этого пункта появлялось поле input.

Вот пример

<script type='text/javascript'> 

<!-- 

function showhideBlocks(val){ 

if (val == 0){ 

document.getElementById('i1').style.display='none'; 

document.getElementById('i2').style.display='none'; 

document.getElementById('i3').style.display='none'; 

document.getElementById('i4').style.display='none'; 

document.getElementById('j1').style.display='none'; 

document.getElementById('j2').style.display='none'; 

document.getElementById('j3').style.display='none'; 

document.getElementById('j4').style.display='none'; 

} 

else{ 

document.getElementById('i1').style.display='none'; 

document.getElementById('i2').style.display='none'; 

document.getElementById('i3').style.display='none'; 

document.getElementById('i4').style.display='none'; 

document.getElementById('i'+val).style.display='block'; 

document.getElementById('j1').style.display='none'; 

document.getElementById('j2').style.display='none'; 

document.getElementById('j3').style.display='none'; 

document.getElementById('j4').style.display='none'; 

document.getElementById('j'+val).style.display='block'; 

} 

} 

--> 

</script> 





  

<style type='text/css'> 

#i1,#i2,#i3,#i4,#j1,#j2,#j3,#j4{display:none} 

</style> 

  

<select name="items" onchange="showhideBlocks(this.value)"> 

<option selected value="0">Показать </option>

<option value="1">Квартира</option>

<option value="2">Коттедж</option>

<option value="3">Частный дом </option>

<option value="4">Другое </option>

</select> 

  

<div class="top"> 

<div id="i1"></div> 

<div id="i2"></div> 

<div id="i3"></div>

<div id="i4"><label>Укажите:</label><br>

<input type="text" name="type"><br></div> 

</div> 

  <BR><BR>



<select name="jtems" onchange="showhideBlocks(this.value)"> 

<option selected value="0">Показать </option>

<option value="1">Ремонт</option>

<option value="2">Строительство</option>

<option value="3">Инженерное оборудование</option>

<option value="4">Другое </option>

</select> 

  

<div class="bottom"> 

<div id="j1"></div> 

<div id="j2"></div> 

<div id="j3"></div>

<div id="j4"><label>Укажите:</label><br>

<input type="text" name="type"><br></div> 

</div> 

Все вроде бы неплохо. Но если у меня 2 селекта и в обоих выбирается другое,то 2 поля не появляются(одно из них убирается).Я думал вы поняли что я имел ввиду