เลือก listbox แล้วให้แสดง textbox ที่ซ่อนอยู่ ทำไงหรอครับ (listbox ดึงจากฐานข้อมูล)

<script language="javascript">
		function on_change(){
        	$('div#div_other').css('display','block');
		}
</script>

        <select name="lmName1" onchange="javascript:on_change()">
                    <option></option>
      </select>

      <div id="div_other" style="display:none;">อื่นๆ <input value="" type="text" ></div>

<script language="javascript">
function on_change(){          
	if( document.getElementById('listtype').value=="Other"){            
                   document.getElementById('div_other').style.display="";           
	}else{document.getElementById('div_other').style.display='none';}
}
</script>

<select name="lmName1" onchange="javascript:on_change()"  id="listtype">           
<option value=""><-- Please Select Item --></option>           
<?       
include('conn_mysql.php');          
$strSQL = "SELECT * FROM doctype ORDER BY type_id ASC";          
$objQuery = mysql_query($strSQL);            
while($objResuut = mysql_fetch_array($objQuery))          
{          
?>        
<option value="<?=$objResuut["type_id"];?>"><?=$objResuut["type_id"]." - ".$objResuut["typecode"];?></option>          
<?           
}           
?>      
</select>

<div id="div_other" style="display:none;">อื่นๆ <input type=text ></div>