用JS实现一个特效

Question

<select onchange="change(this.value)">
<option value='1'>文本框</option>
<option value='2'>下拉框</option>
</select>
<br/>
<INPUT TYPE="text" id="otxt">
<select style='display:none' id='osel' style="width:100">
<option value='1'> 2008 </option>
<option value='2'> 2009 </option>
</select>
<SCRIPT LANGUAGE="JavaScript">
<!--
function change(oval){
if(oval == '1'){
document.getElementById('osel').style.display = "none";
document.getElementById('otxt').style.display = "block";
}else{
document.getElementById('otxt').style.display = "none";
document.getElementById('osel').style.display = "block";
}
}
//-->
</SCRIPT>

Answer 1

style.display = "none";
style.display = "block";
利用这两个属性实现隐藏和显示，隐藏时还不占位。