怎么实现根据下拉框选择的不同，显示不同的内容(控件)？？？？？求助！！！·！!

Question

<script>
function change() {
if (document.all.select.options[document.all.select.selectedIndex].text == "方式一") {
     document.all.select2.style.display = "";
     document.all.textfield3.style.display = "";
     document.all.textfield4.style.display = "none";
     document.all.textfield5.style.display = "none";
     document.all.textfield6.style.display = "none";    
}
else if (document.all.select.options[document.all.select.selectedIndex].text == "方式二") {
     document.all.select2.style.display = "none";
     document.all.textfield3.style.display = "none";
     document.all.textfield4.style.display = "";
     document.all.textfield5.style.display = "none";
     document.all.textfield6.style.display = "";    
}
else if (document.all.select.options[document.all.select.selectedIndex].text == "方式三") {
     document.all.select2.style.display = "none";
     document.all.textfield3.style.display = "none";
     document.all.textfield4.style.display = "none";
     document.all.textfield5.style.display = "";
     document.all.textfield6.style.display = "";    
}}
</script><select name="select" onChange="return change()">
        <option>方式一</option>
        <option>方式二</option>
        <option>方式三</option>
</select>方法比较土：＿）
使用的是隐藏的方式，可能会造成界面布局的影响。
如果影响很大的话，可以动态生成控件了。（比较麻烦，偷懒中...)