html下拉框,显示隐藏其他控件

<script>
function chg(){
if(document.getElementById("sel").value=="txt"){
document.getElementById("txt").style.display="";
document.getElementById("btn").style.display="none";
}else{
document.getElementById("txt").style.display="none";
document.getElementById("btn").style.display="";
}
}
</script>

<select id="sel" onChange="chg()">
<option value="txt">txt</option>
<option value="btn">btn</option>
</select>
<input type="text" name="txt" id="txt" style="display:none">
<input type="button" name="btn" value="btn" id="btn" style="display:none">